WordPress.org

1. ny888
   Member
   Posted 5 years ago #

   I have created a separate css file for IE browsers because I'm having trouble with the display.

   Displays fine (comments below the post) -
   http://www.nuttyfamily.com/wp/2006/07/21/new-photo-gallery/

   Displays some comments boxes side by side with post -
   http://www.nuttyfamily.com/wp/2006/07/18/maile-loves-swimming-class/

   http://www.nuttyfamily.com/wp/2006/07/16/nuttyfamilycom-has-changed/

   I hope someone can see something obvious that's wrong with my css - http://www.nuttyfamily.com/wp/wp-content/themes/mesozoic-20/iesucks.css

   Thanks.

2. Yosemite
   Member
   Posted 5 years ago #

   Some of the best eyes around are the validator:
   http://validator.w3.org/check?uri=http%3A%2F%2Fwww.nuttyfamily.com%2Fwp%2F2006%2F07%2F16%2Fnuttyfamilycom-has-changed%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&verbose=1

   It looks like unbalanced tags, and some long url's got a newline in the middle so thay look like they're missing the opening <a> tag...

   These kinds of errors make tweaking for IE damn near impossible...

3. ny888
   Member
   Posted 5 years ago #

   Thanks - I'll look into those.

4. ny888
   Member
   Posted 5 years ago #

   I cleaned it up so it passed validation

   http://www.nuttyfamily.com/wp/2006/07/16/nuttyfamilycom-has-changed/

   but still not displaying properly so I guess it must be the css.

5. Yosemite
   Member
   Posted 5 years ago #

   From what I can see here, I agree. How about this; Backup your iesucks.css and then clear it out, empty it. In effect this puts IE back to reading only the style.css.

   Then, perhaps try just adding (to iesucks.css) these 2 for testing:
   #content {
overflow:hidden;
}
#sidebar {
overflow:hidden;
}

   If that doesn't have any effect, empty it and come back yelling ;')

6. ny888
   Member
   Posted 5 years ago #

   Didnt work - I'm not even sure it's using my iesucks css. When I validate css, iesucks doesn't show up. Is that because there are no warnings or errors?

   This is my code in the header.php:

   <?php wp_head(); ?>
   <!--[if IE]>
   <link rel="stylesheet" title="iesucks" href="http://www.nuttyfamily.com/wp/wp-content/themes/mesozoic-20/iesucks.css" type="text/css" media="all" />
   <![endif]-->
   </head>

   Look at this page:
   http://www.nuttyfamily.com/wp/2006/07/25/lolo-and-lola-arrives/

   It's odd that it's fitting the whole post within the space between my navigation links above it but it doesn't do this for every one of my pages.

   These are the other 2 pages it is doing it on:
   http://www.nuttyfamily.com/wp/2006/07/16/nuttyfamilycom-has-changed/
   http://www.nuttyfamily.com/wp/2006/07/25/lolo-and-lola-arrives/

   In each case the post is squeezed between the navigation links.

Topic Closed

This topic has been closed to new replies.