Support » Your WordPress » FAQ proposal for two column floated template

  • I have proposed a question for the faqs concerning how to modify the default index.php and wp-layout.css into a two column, centered, fixed width solution with a header and footer. After I asked the question I was then asked to supply the answer 😉
    I intend to give a very brief answer and link to The WordPress Two Column Template.which I have just put up. Before I post in the faqs I would be really grateful if users could spend a minute or two on a critique. If you are a noob, does it help? Can it be improved? If you are more css orientated can you see anything wrong? In all cases – feedback as comments on legacy browser performance would be really useful. Thanks for your help. In turn I hope this will be a useful resource for the WP community. WordPress Rocks 😉

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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?

    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.

    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.

    It causes a lot of people a lot of grief.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The forum ‘Your WordPress’ is closed to new topics and replies.