View Full Version : IE6 problem with positioning a layout

12-11-2006, 01:19 AM
Hello all,
I have a bit of a problem, it seems, with IE6. The issue I'm having is with the following site: http://www.concentricconcepts.com
It displays properly in IE7, Firefox and Opera. However, in IE6 it does not display properly. It appears that the top of the page has a 10px margin and seems to cut off a small portion of the top menu. I'm having difficulties finding a work around for the issue, obviously. I'm just not sure what I need to do with my stylesheet to correct the display issue. =)

So I am hoping that one of this forums' many users could provide some insight as to what I need to do to hack around though this issue. Any information is greatly appreciated. Thanks.

12-11-2006, 02:17 AM
Hello yannibmbr,
While it's not bad to use negative margins it seems like a lot of people get in trouble with them when they do.

I think if you remove the negative top margin from #titlebox and #menuNavTop things will go back down into the container.

To get rid of the white space that leaves at the top add this to your CSS:
html, body {
margin: 0px;
padding: 0px;

I don't have a box with IE6 running right now so I can't test it... hope I'm right!!

/ps, have a look at the validator (http://validator.w3.org/)

12-11-2006, 06:51 AM
Excavator! You pretty much rock the casbah!!!! Thanks. That snippet did the trick after I removed all of the neg margins I was using... Wow. I'm going to name my first child "Excavator James Murphy." Thanks again.

12-11-2006, 08:47 AM
Hahha! Too funny...but with a name like that I sure hope it's a boy!

Glad it's working for you now.