The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Back End How do you create a Liquid/Elastic centre in WP?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #26878

    I’m currently using WP to theme a blog page located at this link:
    The trouble is that I am trying to create a 3 column layout. The centre column needs to be liquid
    (but be centered as well) and the left and right columns each be a fixed-width. I can create such a layout
    in a basic .html page. See example here:,
    but I cannot figure out how to create such a layout in WP.

    I’ve created several themes using WP before but have never had to create one with any elastic/fluid
    elements so this is defiantly the sticking point for me.

    Can anyone help me out with this or if not maybe point me in the direction of a WP lesson/tutorial
    that teaches you how to create such a layout.

    Oh and just in case this helps: I’ve used Chris’ "Personal Homepage Theme" as the base for this theme.


    The liquidity or elasticity of a website has nothing to do with WP. If you can do it in regular HTML/CSS, there’s no reason you can’t port that over to WP.

    Start by developing the site in standard HTML, then slowly convert it to WP.


    I can see what your saying, but as I understand it floated columns begin "floating" at the point in the parent element’s text where they first appear, so my HTML page must contain the left and right column div elements before the middle column. This means that the layout is "order-dependent." So how do I get wordpress to "Get" both the left and right columns before the middle column?


    If you want the left and right columns before the middle column, you only have to put them there. Move the


    or whatever code it is you’re using to call your sidecolumns, above the middle column. I guess you could even put them in header.php, to be dead sure they’ll end up above the middle column.

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