P2 and IE7 CSS Bugs

  • There are a couple of problems using the otherwise excellent P2 Theme in IE7.

    Since about 60% of the web still uses IE7 I think it’s a valid case to bring it up.

    The following errors are there:

    – The float of the avatar in the #main ul li of every post brings down the administrator information and the body of the message about 30px instead of being aligned at the top as rendered in FF, Opera, Chrome etc.

    – If using a title, the body of the message spreads out of its column and sits in part underneath the avatar.

    There are also some minor issues with the post form having hangning text fields but that’s not so difficult to clean out of there.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Edit style.css in the theme directory.

    Find: #main ul#postlist li {

    Add: display: inline-block;

    seems to work fine, thanks!

    Actually … I discovered it messes up the display in Firefox 3. The comments were cutting short on width.

    The remedy was to create a stylesheet for IE7, which I called iestyle.css to add display: inline-block;

    In header.php I added this:

    <!–[if IE 7]>
    <link rel=”stylesheet” src=”<?php bloginfo(‘template_directory’); ?>/iestyle.css” type=”text/css” media=”screen” />
    <![endif]–>

    Not clean, but it works. If anyone else can tidy up the main style.css file to get the right result I’d be pleased to hear it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘P2 and IE7 CSS Bugs’ is closed to new replies.

Tags