Ready to get started?Download WordPress


[resolved] Can't get rid of initial space in sidebar div (ie6) (5 posts)

  1. onocrotalus
    Posted 8 years ago #


    I am trying to customise the default theme by writing my own css file (viewable at http://pastebin.com/646498).

    My problem - fairly minor, I admit - is that I want the first sidebar item (currently 'Archives') to sit flush with the logo above it, i.e. at the very top of the sidebar div. It works on Firefox, but IE shows a space between the first visible list item and the top of the div.

    I have got as far as working out that this may be to do with the ul which encloses all the sidebar items, or some kind of doubling of li tags caused by a piece of script, but I'm not sure how to fix it. I am receptive to immoral hacks of all kinds.

    Thanks in advance for your help!

  2. red-star
    Posted 8 years ago #

    Im sorry but for me the your site looks the same in IE and FF

  3. onocrotalus
    Posted 8 years ago #

    Ooops. Sorry - with all my tinkering, I had left out the line which made it work the way I wanted to in FF, the zero margin-top for #sidebar ul. Updated CSS, still with unwanted space in IE, is at http://pastebin.com/646931.

    Thanks for responding, red-star.

  4. onocrotalus
    Posted 8 years ago #

    I don't think this problem is the frequently-posted about 'sidebar dropping in IE' - the div stays where I want it, just the list items don't (in IE).

    But if this issue has been resolved to death, I'd really appreciate being shown where, becuase I haven't yet found out how to fix it. Thanks all.

  5. onocrotalus
    Posted 8 years ago #

    I'm being quite clumsy at this forum business - the pastebin seems to have expired or something. I've posted the css below, hope it's not too long. Any ideas gratefully received - I'll stop replying to myself now, I promise.


    * {

    body { font-size: 62.5%;
    text-align: center;

    #header { background: #ccc url(images/fullheader.gif) no-repeat top center;
    width: 760px;
    height: 241px;
    padding: 0;
    margin: 10px auto 0 auto;
    z-index: 2;

    #headerimg { display: none;

    #wrapper { background-color: #fff;
    text-align: left;
    width: 760px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    overflow: visible;

    #content { background-color: #ffffcd;
    font-family: Garamond, "Times New Roman", serif;
    font-size: 1.6em;
    width: 515px;
    float: right;
    display: inline;
    position: relative;
    margin-top: -50px;
    padding: 0;
    z-index: 1;

    #sidebar { font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    width: 160px;
    margin-left: 25px;
    background-color: #fff;
    border: black 1px solid;
    padding: 0px;
    list-style-type: none;

    #sidebar ul { list-style-type: none;
    list-style-image: none;
    margin-bottom: 10px;
    margin-top: 0;

    #sidebar ul h2 { background-color: #ff8d40;
    border: 1px solid #440011;
    font-size: 1.4em;
    font-weight: normal;
    padding: 2px;
    margin-bottom: 5px;
    margin-top: 0;

    #sidebar ul ul { list-style-type: circle;
    margin-left: 20px;

    #sidebar a {
    text-decoration: none;
    color: #000000;

    #sidebar a:hover { text-decoration: underline;

    #footer { clear: both;

    hr { display: none;

Topic Closed

This topic has been closed to new replies.

About this Topic