CSS layout problems

Junior WebHelper Joined: 30 May 2003 Posts: 21

http://chemical.webhop.net/website-beta/index.php

Ok, I just started coding this website. It uses a 100% css layout, but I have one problem. White space around the navigation bar (I changed it to red to more clearly show the problem.)

Firebird 0.7 on 2 computers is showing a few pixels of whitespcae above it, and IE6 shows some to the right of it...

Any ideas what the problem could me?

Posted: Mon Nov 10, 2003 5:42 pm (20 years, 5 months ago)

try setting margin-bottom: 0px; for #banner - that should get rid of the space above the nav bar. I have no idea why IE shows some space to the right of it Rolling Eyes

Junior WebHelper Joined: 30 May 2003 Posts: 21

Nope.. didn't do anything... I'm not getting it..

Posted: Tue Nov 11, 2003 11:14 am (20 years, 5 months ago)

Perhaps is it because M$ IE is substandard with regards to CSS rendering it is not a space so much as lack of dimension to solve the M$ IE issue you should give the: DIV#navigation {margin: 0px; width: 680px;}

To solve the Mozilla issue set the left and right padding to 0px; for the DIV#navigation.

Junior WebHelper Joined: 30 May 2003 Posts: 21

That fixed the IE issue, but I'm still getting the whitespace...

Junior WebHelper Joined: 30 May 2003 Posts: 21

Fixed the problem in Mozilla, I guess this would qualify as a workaround...

I set the image alignment to absbottom.

WebHelper Joined: 10 Mar 2003 Posts: 71

I still see white space at the end of the red nav bit (I'm using IE 6)

Junior WebHelper Joined: 30 May 2003 Posts: 21

Heh... forgot to upload the changes... my bad.