WordPress.org

Ready to get started?Download WordPress

Forums

P2 and IE7 CSS Bugs (4 posts)

  1. andersson
    Member
    Posted 5 years ago #

    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.

  2. mjg
    Member
    Posted 5 years ago #

    Edit style.css in the theme directory.

    Find: #main ul#postlist li {

    Add: display: inline-block;

  3. ghoulsnghosts
    Member
    Posted 5 years ago #

    seems to work fine, thanks!

  4. mjg
    Member
    Posted 5 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags