PDA

View Full Version : Div Header Cut in Half in IE



zacharyrs
Mar 20th, 2009, 06:19 AM
I've gotten a lot of errors taken care on my site, but can't figure out why in IE my header div is cut in half. If you have any advice that would be great. Review site here. (http://www.mibsolutionsllc.com)

jhaycutexp
Mar 20th, 2009, 06:54 AM
i suggest to validate your mark up first.. haven't check it on a validator so i guess thats the first.. two your working on a png file.. ie has problem rendering this.. so you better research about it...

or you can search for this javascript on the net... supersleight-min.. pretty cool and easy to implement..

Excavator
Mar 20th, 2009, 06:56 AM
Hello zacharyrs,
The only thing I see wrong with your header is IE6 not displaying your .png correctly. Have a look at some fixes for that - http://www.google.com/search?hl=en&q=ie6+png

You'll need to do some re-ordering of your markup to fix the float drop though. The way it is now, you have #menu enclosing .par. It might work better if you separate them since #menu is the full width of #container and .par needs to sit alongside of #sidebar.

To see what I mean, change the background color of #menu to black and, if Firefox anyway, you'll see it cover part of #sidebar.