Page is a not externally linkable
- Code, Content, and Presentation
-- CSS
---- IE declaration/fix


bsim - 12:22 am on Feb 16, 2009 (gmt 0)


I am using this in my header:
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 0px; }
.twoColFixLtHdr #mainContent { padding-top: 0px; }

.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
************

Doc declaration: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
***********
It solves the problem for IE7, but not IE6. IE 6 displays my left column (sidebar)with it's full length - the right column begins where the left(sidebar) ends and then fully displays it.

I tried {height: 1%;} fix, but that displayed everything at 1% height on IE6...

I am now moving on to trying this:
<!--[if IE 6]>

<style type="text/css" src="ie.css" mce_src="ie.css" />

<![endif]-->

Is this a more stable approach? I appreciate ANY help - you all know the frustration.
Thanks.


Thread source:: http://www.webmasterworld.com/css/3850278.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com