WordPress.org

Ready to get started?Download WordPress

Forums

Sidebar not rendering correctly in (you guessed it) IE (2 posts)

  1. Pillowfight
    Member
    Posted 5 years ago #

    I've been at this for hours and gotten nowhere. I edited a template called Earthlycalm, switched the position of the sidebar from left to right, and I cannot for the life of me get it to appear right in IE7 and I have no idea why. In IE the left (skinny) sidebar is shoved all the way down, though it renders perfectly in Firefox 3.

    Below is the suspect code (I hope):

    #wrapper
    {
    	clear: both;
    	float: left;
    	width: 100%;
    	color: #555555;
    	background: #fff;
    }
    
    #content-wrapper
    {
    	width: 75%;
    	float: right;
    }
    
    #content
    {
    float: right;
    background: #F4EFE5;
    margin-left: 40px;
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    -moz-border-radius:15px;
    }
    
    #sidebar-wrapper
    {
    	width: 25%;
            float: left;
    	margin-top: 10px;
    }
    
    #sidebar
    {
    	float: left;
    	padding: 0px;
    	width: 176px;
    	margin-left: 25px;
    	margin-top: 0px;
    }
    
    .post-wrapper {
    background: #F4EFE5;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    -moz-border-radius:15px;
    }

    The "ie-win.css" files uses

    #content-wrapper { width: 58%; }
    
    #content pre { width: 350px; overflow: hidden; }

    Help, please! I'm really stumped. :(

  2. Pillowfight
    Member
    Posted 5 years ago #

    Oh yes, and here's the page in question: http://www.builtbymom.com/blog/

    Thanks kindly in advance.

Topic Closed

This topic has been closed to new replies.

About this Topic