Support » Themes and Templates » IE7 has screwed up my Sidebar

Viewing 4 replies - 1 through 4 (of 4 total)
  • here is the CSS for the sidebar.

    /***********************************************************************
    * Sidebar *
    ***********************************************************************/
    #sidebar {
    padding-top: 50px;
    width:240px;
    padding-left:30px;
    margin-left:478px;
    }
    #wrap > #sidebar {
    margin-left:505px;
    width: 205px;

    }
    #wrap > #sidebar ul{
    margin: 0 -23px;
    }
    #sidebar ul {
    margin-bottom:0;
    margin: 0 15px;
    list-style-type: none;
    }
    #sidebar ul li {
    margin:0px;
    padding:0px;
    }
    #sidebar ul#linkslist {
    margin:0px;
    }

    #sidebar ul#linkslist {
    margin:0px;
    }

    #wrap > #sidebar ul#linkslist{
    margin: 0 -38px;
    }

    #sidebar h2{
    margin: 0 15px;

    }
    #sidebar p{
    margin: 0 15px;
    }

    #sidebar h2{
    letter-spacing: -1px;
    margin-top:18px;
    margin-bottom:1px;
    text-transform: uppercase;
    color: #223;
    font-size: 16px;
    font-weight: bold;
    }
    #sidebar p{
    margin-top:0px;
    margin-bottom:0px;
    color: #555;
    word-spacing: -1px;
    font-size:10px;

    jamin100, it’s because you neglected to nest your li tags inside ul tags in some of the sidebar. Do that, and it’ll probably work.

    This may not fix your problem, but validate your page. you had like 38 errors in your html document and because of that I can’t even try to validate your CSS document.
    I notice in the CSS code, though, that you put ‘list-style-type’ to none but yet you get circles in FF… just fix your html and (maybe) CSS first and then we can see where to go from there.

    Good luck,
    Marcus

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE7 has screwed up my Sidebar’ is closed to new replies.