WordPress.org

Ready to get started?Download WordPress

Forums

IE7 has screwed up my Sidebar (5 posts)

  1. jamin100
    Member
    Posted 7 years ago #

    Can anyone help me fix this in IE7?

    All works in firefox but gets screwed in IE7. All the links should be under the headings more over to the right?

    Here is a screen shot http://www.benrichards.co.uk/images/IE7.jpg

    and my site is
    http://www.benrichards.co.uk

    Thanks!

  2. jamin100
    Member
    Posted 7 years ago #

    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;

  3. thaKing
    Member
    Posted 7 years ago #

  4. JeremyVisser
    Member
    Posted 7 years ago #

    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.

  5. disembodied
    Member
    Posted 7 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.