WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Initial whitespace problem within sidebar div (6 posts)

  1. onocrotalus
    Member
    Posted 8 years ago #

    Hello,

    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 http://www.onocrotalus.com 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 http://onocrotalus.pastebin.com/651151.

    Thanks a lot in advance for your time!

  2. jimatwork
    Member
    Posted 8 years ago #

    It looks flush to me and I'm using IE6.

  3. onocrotalus
    Member
    Posted 8 years ago #

    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!

  4. jimatwork
    Member
    Posted 8 years ago #

    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.

  5. onocrotalus
    Member
    Posted 8 years ago #

    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..

  6. onocrotalus
    Member
    Posted 8 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags