Problem with sidebar widgets and shopping cart

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

    In I.E. my website https://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

Viewing 3 replies - 1 through 3 (of 3 total)

  • look at this,

    https://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.

    Thread Starter overlander

    (@overlander)

    thanks whooami

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

    Thread Starter overlander

    (@overlander)

    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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Problem with sidebar widgets and shopping cart’ is closed to new replies.