Support » Themes and Templates » Can’t get rid of initial space in sidebar div (ie6)

  • Resolved onocrotalus



    I am trying to customise the default theme by writing my own css file (viewable at

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Im sorry but for me the your site looks the same in IE and FF

    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

    Thanks for responding, red-star.

    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.

    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;

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Can’t get rid of initial space in sidebar div (ie6)’ is closed to new replies.