2 column liquid layout problem

Discussion in 'CSS' started by fluid, Jun 27, 2006.

  1. #1
    Hi,

    I want to make a really simple design - 2 column layout. I have a header (700px) in my page, a left hand panel (160px), content panel (540px) and the footer (700px).

    <!--------------------- Header ------------------------->

    <!- Left Panel -> <!-------------- Content -------------->
    <!----------- -> <!------------------------------------->
    <!----------- -> <!------------------------------------->
    <!----------- -> <!------------------------------------->
    <!----------- -> <!------------------------------------->

    <!--------------------- Footer-------------------------->

    Now i want the source code to display the content first, followed by left hand panel, header and footer (for SEO purposes).

    I had a go at it but it is just not working at all. Here's the link to the page:

    http://www.fancyacar.co.uk/csstest.html

    Can somebody help please?
     
    fluid, Jun 27, 2006 IP
  2. fluid

    fluid Active Member

    Messages:
    679
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    70
    #2
    I've managed to solve the problem by using both absolute and relative positioning :D

    Thanks anyway.
     
    fluid, Jun 28, 2006 IP