Support » Fixing WordPress » Sidebar not showing correctly in IE 7/8

  • Hi there,

    I’m almost ready with a new website ( http://em.keurigonline46.nl/ ). Everything is working fine however the righthand sidebar looks wider in older Internet Explorer versions. The right sidebar goes outside of the content borders and that is not what I want obviously. I’m using the Woothemes theme Canvas and I’ve altered the look and feel of the sidebars using the custom.css file. This is what it looks like:

    ———————
    [ Moderator Note: Please post code or markup snippets between backticks or use the code button. ]

    /* container padding */
    #wrapper { padding:10px 0px 0px 0px; }
    
    /* content area */
    #content{padding:0 10px 10px 10px; }
    
    #main {
       background: #ffffff;
    }
    
    #main { border: 1px solid #bdbdbd;}
    #main { padding:10px; }
    
    .home .breadcrumb {
        display: none;
    }
    
    .breadcrumbs {
        font-size: 11px;
    }
    
    .widget {
    margin: 10px 0px 0px 0px;
    }
    
    #navigation {
    margin-bottom: 0px;
    }
    
    #navigation ul.nav li a, #wrapper #navigation ul.rss li a {
        padding-bottom: 0.5em !important;
        padding-top: 0.5em !important;
    }
    
    .entry img, img.thumbnail { border: 0px !important; background: none !important; }
    
    .widget { background: url(/wp-content/uploads/2013/04/EM_kr.jpg); }
    
    /* Sidebar settings */
    .three-col-middle-860 #sidebar-alt {
    width: 200px !important;
    }
    
    .three-col-middle-860 #main-sidebar-container #main {
    margin-top: 10px;
    width: 397px !important;
    }
    
    .three-col-middle-860 #main-sidebar-container #sidebar {
    width: 200px !important;
    }
    
    .two-col-left-860 #main-sidebar-container #main {
    margin-top: 10px;
    width: 610px !important;
    }
    
    .two-col-left #main-sidebar-container #sidebar {
    width: 200px !important;
    }
    
    .home.three-col-middle-860 #main-sidebar-container #main {
    margin-top: 10px;
    width: 397px !important;
    }
    
    .home.three-col-left #main-sidebar-container, .home.three-col-middle #main-sidebar-container, .home.three-col-right #main-sidebar-container {
    width: 74.85%;
    }
    
    .home.three-col-middle-860 #sidebar-alt {
    width: 200px !important;
    }
    }
    
    #footer { padding: 10px 5px 2px; }
    
    a:link, a:visited  { font-weight:bold;}
    a:hover { font-weight: bold; }

    ———————

    Who can help me with the right CSS tweaks to solve this problem?

    Best regards, Erwin

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Sidebar not showing correctly in IE 7/8’ is closed to new replies.