Div dropping *below* sidebar

  • Resolved Bodhipaksa

    (@haecceity)


    19 years, 2 months ago

    I’ve been working on and off for some months now on a new design/CMS at http://test.wildmind.org (it’s still work in progress — please don’t laugh!)

    I must have changed something, because the tagcloud div has now dropped below the sidebar. I’d assumed it was a width thing, but changing the width of the tagcloud doesn’t fix anything.

    I’m guessing it’s something to do with clearing floats, but that’s an aspect of css that’s still a bit of a mystery to me.

    The page validates

    My monstrously bloated css is here.

    Any pointers would be much appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Root

    (@root)

    19 years, 2 months ago

    You have a div clear prior to the cloud in your markup.

    Thread Starter Bodhipaksa

    (@haecceity)

    19 years, 2 months ago

    I do! I put that there because without it the tagcloud div disappears altogether. Take a look now — I’ve deleted that div clear.

    Thread Starter Bodhipaksa

    (@haecceity)

    19 years, 2 months ago

    A clue may be the gray border that’s appearing to the right of the left column (that is, the left of the two center columns). There’s no border specified in the style sheet. I’m not sure what that means.

    Thread Starter Bodhipaksa

    (@haecceity)

    19 years, 2 months ago

    Well, it turned out that the gray border I was seeing between the columns was actually the tagcloud squeezing itself in there. The solution wasn’t, as I thought, to clear the float after the floating columns, but to make the tagcloud itself float left.

    One I imagined it as being like trying to float an array of images it all fell into place. Really, css can be *so* confusing.

    Still, a happy ending.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Div dropping *below* sidebar’ is closed to new replies.