WordPress.org

1. Pillowfight
   Member
   Posted 4 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 4 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.