WordPress.org

1. overlander
   Member
   Posted 5 years ago #
   

   I've been trying to solve this problem for a while, and still havent found an answer.

   In I.E. my website http://www.overlander.tv displays the sidebar below the posts, but ONLY in I.E.

   I am using the K2 theme.

   When I remove the categories and shopping cart, the sidebar displays correctly.

   I get the feeling it is an issue of the size of these items not fitting in the sidebar.

   I have made changes to my style.css, but obviously not the right changes. Wondering if someone could point me in the right direction to solving this problem

2. whooami
   Member
   Posted 5 years ago #
   

   look at this,

   http://www.village-idiot.org/broke/wide.gif

   your archives drop down box is currently 222 pixels wide, thats without padding and any margins that you might have added. your sidebar is ONLY 220 pixels wide.

   Do the math.

   Your long category name, if you look at the drop down box is responsible for the length of the form -- thats standard with drop down boxes.

   In the image I posted its very easy to see that your divs are too wide for the place you have them.

   Your shopping cart is 212 pixels wide, and again thats without padding and margins -- if you look at the image, youve padded it on the left hand side a good deal.

3. overlander
   Member
   Posted 5 years ago #
   

   thanks whooami

   What file do I need to edit to make the changes?

4. overlander
   Member
   Posted 5 years ago #
   

   Do I change the style.css, which part? :

   /*- Page Structure */

   html { /* Force Vertical Scrollbar */
   /* IE */
   overflow-y: scroll;
   /* Moz */
   height: 100%;
   margin-bottom: 0.1em;
   }

   * {
   padding: 0;
   margin: 0;
   }

   img {
   border: 0;
   }

   body {
   font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
   color: #444;
   background: #EDEDED;
   text-align: center;
   }

   #page {
   background: white;
   text-align: left;
   margin: 0 auto;
   padding: 20px 0 10px;
   position: relative;
   border: 1px solid #ddd;
   border-top: none;
   clear: both;
   }

   .sidebar-none #page {
   width: 450px;
   }

   .sidebar-single #page {
   width: 700px;
   }

   .sidebar-dual #page {
   width: 950px;
   }

   #header {
   padding: 0;
   margin: 0;
   position: relative;
   height: 200px;
   background: #3371A3;
   }

   .content {
   padding: 0 20px;
   }

   #primary {
   position: relative;
   float: left;
   width: 450px;
   padding: 10px;
   }

   * html #primary {
   display: inline;
   }

   .sidebar-dual #primary {
   margin-left: 170px;
   padding: 10px;
   }

   #sidebar-main {
   float: left;
   width: 222px;
   padding: 0px;
   }

   #sidebar-alt {
   float: left;
   width: 150px;
   padding: 10px;
   left: -740px;
   margin-left: -170px;
   }

   .secondary {
   font-size: 1em;
   line-height: 1.5em;
   padding: 10px 0;
   color: #666;
   position: relative;
   }

Topic Closed

This topic has been closed to new replies.