new eUKhost Design

[flesso]

Looks good, although the footer links could do with a cleanup.

[Ben]

Might want to check the comments.php page (testimonial page) - renders a little off in Firefox 3. Nonetheless - a great design! Would be good to get a forum design that matches the mainsite .

[Eidolon]

When viewing in 1024 x 768 I'm getting horizontal scrolling, occurring in both Firefox 3 and IE.

Also the links below the support contact panel on the left seem rather odd. Perhaps it's due to the grey box above having rounded corners at the top and non-rounded at the bottom. Maybe the above box either needs the bottom rounded or for the background to be extended down to cover those links.

I don't know if it helps however below is a link to a screen capture I took of one of the pages, whilst having 'Outline block level elements' on (via 'Web Developer' extension)...
http://stneotsfc.com/temp/www_eukhos...osting_php.jpg

[eUKhost.com]

Originally Posted by Eidolon

When viewing in 1024 x 768 I'm getting horizontal scrolling, occurring in both Firefox 3 and IE.

Also the links below the support contact panel on the left seem rather odd. Perhaps it's due to the grey box above having rounded corners at the top and non-rounded at the bottom. Maybe the above box either needs the bottom rounded or for the background to be extended down to cover those links.

I don't know if it helps however below is a link to a screen capture I took of one of the pages, whilst having 'Outline block level elements' on (via 'Web Developer' extension)...
http://stneotsfc.com/temp/www_eukhos...osting_php.jpg

Hi Keith,

Both problems have been sorted now. please check and let me know if you have any other suggestions.

[Eidolon]

On the about page the footer is causing horizontal scrolling...
http://stneotsfc.com/temp/www_eukhos...osting_php.jpg

Looking at the CSS I'm slightly surprised that so much position:absolute's are being used, as I think in some instances this may be causing the problems. For instance...

.footer {
	position:absolute;
	width:995px;
	height:84px;
	z-index:2;
	left: 10px;
	top: 1468px;
}

Personally when dealing with columns I tend to use...

<div class="clearfix">
  <div id="leftcol">
    LEFT BLAH
  </div>
  <div id="maincol">
   MAIN BLAH
  </div>
</div>

...with the clearfix CSS code being...

.clearfix {height: 1%;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:1px;}
html > body .clearfix {min-height: 1px; height: auto;}

...using the above format in theory would also reduce the amount of CSS required, as the top & left references would no longer be required, in addition to position.

[ZekeBolton]

It starts well, but after the banner with the lady on it goes downhill fast. There's too much spacing between elements and I don't find it very attention grabbing.

Its still an improvement on the existing one, though!

[ZekeBolton]

Originally Posted by ZekeBolton

It starts well, but after the banner with the lady on it goes downhill fast. There's too much spacing between elements and I don't find it very attention grabbing.

Its still an improvement on the existing one, though!

Sorry, only saw the first ones. The newer ones are much better.