CSS & 3 Columns…

  • Resolved virtuallynicky

    (@virtuallynicky)


    19 years, 1 month ago

    I’ve managed to create a 3 column theme that (last time I checked) my css validated with no errors/warnings and viewed pretty much the same in ff, ie and opera (whoo!) Unfortunately, there is one problem.

    The three columns are wrapped in a main <div> and for some reason this will only adjust to the centre <div>’s content. As this div has dynamic content (ie: the entries etc) it does vary in length depending on what is inside it. This means the 2 other columns flow out of the main <div> (like here: https://virtuallynicky.co.uk/weblog/?page_id=639 for an extreme example)

    Any suggestions? (please if you are going to rip my css apart be nice… it’s my first ever stylesheet from scratch ?? )

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

  • There is a min-height property in css that you can try to add either to the main <div>, or to the center dynamic length container. This should fix the problem with Firefox and Opera.

    It looks like in IE it’s not that big of a deal, because the main containing <div> will stretch to the largest column, which happens to be the left column for you. The footer/copyright info section looks a little out of place, but you might be able to fix that by breaking it out of the main <div> and putting it after or something.

    More info here: https://www.w3.org/TR/REC-CSS2/visudet.html#min-max-heights

    Good luck.

    Thread Starter virtuallynicky

    (@virtuallynicky)

    Thank you so much bob ?? it fixed everything! I’ve taught myself everything about css through customizing default templates for previous blog scripts I have used so sometimes I miss something that might seem obvious to others!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS & 3 Columns…’ is closed to new replies.

Tags