PDA

Click to See Complete Forum and Search --> : Div Cut in Half in IE

1234567890
03-19-2009, 11:10 PM
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 her (http://www.mibsolutionsllc.com)e.
KDLA
03-20-2009, 08:34 AM
You've got some width issues in IE6, too. IE6 adds a few pixels to the width of a floated item and consequently it will cause your container to be "too small." You'll need to put in a conditional comment that reduces the width of the content div a few pixels.
1234567890
03-20-2009, 08:37 AM
Okay. Can you provide a link so I can learn more about this statement I need to apply? I haven't encountered this before...

Some has said IE has issues with .png files. Just uploaded a java fix for that so hopefully that will fix it?
KDLA
03-20-2009, 08:40 AM
You don't need a javascript fix, necessarily. Just export the graphic as a transparent .gif.

I find this information very helpful, re: conditional comments --
http://www.positioniseverything.net/articles/multiIE.html
anna55
03-20-2009, 09:41 AM
It seems you got a problem with your includes. When I take a look at the sourcecode I discover at the beginning
<div id="container">

This puts IE into quirksmode. Remove this tag and put it into correct place. You could have seen it yourself by always validating the page: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmibsolutionsllc.com%2F
1234567890
03-20-2009, 09:47 AM
Yes, I just noticed that! Weird.

Currently hacking away my errors, error by error :(
1234567890
03-20-2009, 11:29 AM
Okay, my errors are down to 3, and they are due to a Wordpress issue so I am trying to fix that. It seems to work in IE7. Can someone look at it in IE8, and if it doesn't work provide insight? I think if it works in IE7 it should as well in IE8.
anna55
03-20-2009, 11:44 AM
You want to take a look yourself?
http://ipinfo.info/netrenderer/

Edit:
Before the li element you have to pace an ul
<!--sidebar.php-->

<li id="text-347233551" class="widget widget_text">
1234567890
03-20-2009, 11:47 AM
Great Resource!

I have a padding only on the <li> on the "nav" div. Any ideas why this is going all over the place in IE?