WordPress.org

Forums

P2
[resolved] P2 width issue IE only (5 posts)

  1. steve7890
    Member
    Posted 10 months ago #

    Hello,

    The following is for base install theme P2 v1.5.4 on WP 3.9.1.

    In style.css, the #wrapper style rule starts at line 121 and includes the following on line 126:
    width: 978px;

    If change width to <= 958px and log on, the admin <div id="postbox">"Hi, admin. Whatcha up to?"</div> section is no longer functional as it simply displays the textarea, nothing else. This occurs on IE11 and some earlier versions of IE, but not on other Web browsers including FF30, CH35. Any idea what is causing this? Would like to have the width a bit less than 958px.

    Regards,

    Steve

  2. steve7890
    Member
    Posted 10 months ago #

    Actually, that simply reducing the width of wrapper by 20 pixels causes the loss of one of the most important features of the P2 theme in Internet Explorer should be filled as a bug.

    The issue appears in the home page postbox section, which appears only upon admin log on. Since do not want to provide admin rights to the blog, cannot show example. But, as indicated in initial post, this bug can be easily enough replicated by simply installing P2 v1.5.4 (the current version) on WP 3.9.1 (the current version) and changing one line of code in style.css (line 126 width: 978px to 958px or less), which I'm sure most experienced WP users can do in less than 5 min.

    Regards,

    Steve

  3. steve7890
    Member
    Posted 10 months ago #

    And just to be clear...

    Of course, to see bug, must be logged on. Then change style.css line 126 width back and forth from width: 978px (orig) to width: 958px or less.

    Regards,

    Steve

  4. designsimply
    Member
    Posted 9 months ago #

    I'm not sure why IE misbehaves as it does when you decrease the #wrapper width, however, since the problem only happens with a customization you are making then the problem is not with the theme itself.

    I tested a few different things, and I found that adjusting a few of the elements inside the #postbox area after the #wrapper width is decreased will make everything become visible again. I tested with WP 3.9.1 and P2 1.5.4 and IE11.

    #wrapper {
    	width: 900px;
    }
    
    #postbox div.avatar {
    	position: absolute;
    	top: 3.7em;
    }
    
    #postbox input#tags {
    	float: none;
    	width: 65%;
    }
    
    #postbox input#submit {
    	float: none;
    }
    
    #postbox #post-types {
    	width: auto;
    }
  5. steve7890
    Member
    Posted 8 months ago #

    Thank you for the post. Indeed, there are ways to fix everything. However, an issue with many of the themes is that they have a lot of garbage CSS, and this garbage causes issues like that mentioned here. And the fix you proposed, if it does not break anything, needs to be implemented in the P2 source code.

    Found theme P2 Categories. The P2 Categories author fixed some issues in P2. The wrapper width issue in P2 does not appear in P2 Categories. As the "Categories" implementation in P2 Categories is desirable, I moved on to P2 Categories and have not looked back at P2. Perhaps a diff between P2 and P2 Categories would be informative, but as mentioned, I have moved on.

    Regards,

    Steve

Reply

You must log in to post.

About this Theme

About this Topic

Tags