Web Analytics Made Easy -
StatCounter Fluid layout help - CodingForum

Announcement

Collapse
No announcement yet.

Fluid layout help

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Fluid layout help

    Hi all,

    I am trying to build a 2 column layout as attached.

    The problem in my css is that when the broswer is resized, the right hand sidebar falls under the middlesidebar.

    I've tried, all %, all pixel, some pixel, some % and it's driving me nuts! I think I may have over-complicated it.

    I can usually figure these things out but I've reached the end of my rope!

    For clarity, my css is:

    Code:
    #content {  height: 100%; padding: 30px 0px 10px 0px; background:white; border: 1px solid red;} 
    .middleSidebar { width: 70%;float: left; margin: 0; padding: 0; border: 1px solid blue;}
    .rightSidebar { width: 350px; float: right; border: 1px solid green;}
    If anyone can help that would be appreciated.

    Cheers,
    linda
    Attached Files

  • #2
    Sorted it.

    I had a middle column template and a sidebar template. I put the sidebar template code into the middle column template and the usual way of doing a fluid layout worked. No idea what was wrong and it's probably not ideal but it's fixed!

    Cheers

    Comment

    Working...
    X