Support » Fixing WordPress » Initial whitespace problem within sidebar div

  • Resolved onocrotalus



    As a first venture into writing css, I deleted the kubrick stylesheet, started from scratch and am learning as I write my own. I have come across a minor but annoying problem which I have been unable to solve so far.

    I want the sidebar of mysite to sit flush with the header logo above it. This works on Firefox but not on IE. The div is in the right place in both browsers. But in IE, there is some space before the first list item (‘Archives’) which I can’t account for and want to remove.

    My guess is that it’s something to do with the multiple list items generated by the scripts that populate the sidebar, but I don’t have the requisite knowledge of php to meddle with this. A suspicious extra bullet can be seen clearly in Firefox with the css turned off (View > Page Style > No style). I just can’t get the first h2 sidebar item flush with the header in IE!

    Any hints on how to fix this would be very gratefully received. I haven’t been able to find a thread which solves this problem yet. The css can be seen at

    Thanks a lot in advance for your time!

Viewing 5 replies - 1 through 5 (of 5 total)
  • It looks flush to me and I’m using IE6.

    Thanks for replying. The div is flush but the orange ‘Archives’ bar isn’t at the top of the div in IE – that’s the problem bacuse it is at the top of the div in FF!

    Oh, so it’s the archives script. Is that it? If so, you’ll need to modify this script to look like the main index script. It’s not in the css as far as I can tell.

    I think it’s script-related, yes… I think the display discrepancy is being caused by sidebar.php. All the conditional scripts relating to the archives, which cause the things like ‘You are currently browsing the Apr 06 archive’ to be displayed when appropriate, are enclosed in a li tag, which is closed before the Archives h2 heading (the first orange bar). When none of those scripts come up with anything to display – i.e. on the front page – this means there is a blank li. I think IE is displaying it but FF isn’t.

    Does this sound feasible? Any ideas on getting IE not to display this empty list would be really helpful..

    To confirm – commenting out the lines of script (described above) in the default sidebar.php stops IE showing the unwanted space. So, it was caused by the blank list item generated when none of those conditions are met, i.e. when on the index page.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Initial whitespace problem within sidebar div’ is closed to new replies.