homepage Welcome to WebmasterWorld Guest from 107.20.129.212
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,
Pubcon Website
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library : Charter : Moderator: open

CSS Forum

    
IE declaration/fix
despite zoom: 1 page not displaying
bsim




msg:3850280		 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.

 

swa66




msg:3850296		 12:50 am on Feb 16, 2009 (gmt 0)

You can use links to a stylesheet for IE7 and IE6 separately (giving them each a file only they will add to all you pages) by adding something like this: 

 <link rel="stylesheet" type="text/css" href="/style.css" />
 <!--[if IE 6]>
  <link rel="stylesheet" type="text/css" href="/ie6.css" />
 <![endif]-->
 <!--[if IE 7]>
  <link rel="stylesheet" type="text/css" href="/ie7.css" />
 <![endif]-->

Advantages:
- doesn't target IE8 (odds are it won't need much at all), and you can apply different fixes for IE6 and IE7.
- only loads once for all of your site instead of transferring of the fixes (which I've gotten sometimes to be longer than the original) with each page itself.

I've seen haslayout expand floated blocks to the width of their parent if they have no width specified themselves. Try adding a width to the floated element. (Yeah, I understand, but if you just do it for IE6, it'll probably degrade somewhat ok in that browser, and work as intended in the others)

bsim




msg:3852101		 5:45 am on Feb 18, 2009 (gmt 0)

Thank you - again!

I did not realize it mattered where the
<link rel="stylesheet" type="text/css" href="/style.css" />
was located (as in: above the <!--[if IE 6]> comment). Makes sense, but am new to CSS styling.

The site now displays properly in IE6. Can't thank you enough!

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved