Problems positioning with IE 6

Poster: risingsun
Dated: Thursday March 17 2005 - 20:18:05 GMT

I'm using a CSS layout with no tables and trying to position my drop horizontal menu 90px down from the top. I tested it on both Mac (Netscape, Safari, Firefox) and PC (IE, Netscape) and it doesn't seem to work with (PC) IE 6. I tried using relative positioning, but it moves the menu to the top of the page on the mac side. Does anyone know what the problem could be? Do I need to add some sort of hack into the code? Please let me know.

My test site can be found at http://webdata.soc.hawaii.edu/css2/anth/index.html

Thanks in advance,
RS

Poster: Ruth
Dated: Thursday March 17 2005 - 21:56:59 GMT

It happens in IE5.5, also. The problem is the header. You have #header, and #header H1 and #header H2, each is 80px high. For some reason, IE is taking the #header, and the first one that is listed after that and putting them at 80px, but then it's making the next one at another 80px starting at the 80px mark. I can't tell you why, I don't use css. I did note if you change #header H2 to 260px instead of 300, that shifted up to the top.

If you put a colored border into the H1 and H2 you'll see what it's doing. I did try switching the H1 and H2 on the page, and it only switched the top position of each. So, something in the code is telling whichever #header H1 [or 2] whichever is listed second in the div to be 80px down, not to just be 80px in height.

Ruth

Poster: risingsun
Dated: Friday March 18 2005 - 2:34:30 GMT

Thanks Ruth,

The problem was the top margin in the header. I need to add a hack to the CSS code in order for it to work. I will deal with that a little later. Thanks for all your help.

RS