FAQ proposal for two column floated template (4 posts)

  1. eric
    Posted 11 years ago #

    Root, this looks really useful. I think floating and clearing are two of the less obvious concepts in CSS and anything that fills that gap is definitely worthwhile (although I personally prefer fluid to fixed-width, but that's just me). I see you've added a "clearer" div into the index, it would be nice to have a little comment saying what this is for. Has anything else changed in the index?

  2. Root
    Posted 11 years ago #

    Tx for that. I maybe need to add an explanation of what does what. That is an obvious deficiency and will greatly improve it. Thank you for pointing it out.
    Briefly for this forum to answer your q: #rap now closes after the footer.
    I have added a #masthead (header) and a # footer. In order to execute the orderly closing of the floats I have also added as you observe a #clearer.
    When elements are floated they are taken out of the normal document flow. What that means is that their relationship with their parent container is (almost) severed. That means for example that the bg won't tile behind it. It also means that the positioning of subsequent elements becomes unpredictable because we do not know whether the content or menu is going to be longer. The clearer div is the standard solution. Very simple. Not much of a penalty in terms of semantic markup. It is really important as it is the pin which holds it all together. Thanks for your interest. I will publish more on the blog.

  3. eric
    Posted 11 years ago #

    Thanks, that clearer div idea could have saved me a lot of grief in the past so I'm sure it will be useful to someone in future.

  4. Root
    Posted 11 years ago #

    It causes a lot of people a lot of grief.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.