Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Location
    Sherbrooke, Qc, Canada
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Stiky head/foot, 3 cols(left width adjust to content, fix width right col)

    Hi,

    I would like to acheve the following layout but I am getting into problems.

    Stiky head/foot, 3 cols(left width adjust to content, fix width right col)

    Have a look at the .jpg file include.

    Please help
    Attached Thumbnails Attached Thumbnails Stiky head/foot, 3 cols(left width adjust to content, fix width right col)-css-layout.jpg  

  • #2
    Regular Coder BoldUlysses's Avatar
    Join Date
    Jan 2008
    Location
    Winston-Salem, NC
    Posts
    938
    Thanks
    10
    Thanked 190 Times in 187 Posts
    What do you have so far? A first attempt would be helpful to use as a jumping off point.
    matt | design | blog

  • #3
    New to the CF scene
    Join Date
    Feb 2009
    Location
    Sherbrooke, Qc, Canada
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    HI Msuffern,
    Thank you for your answer.

    About the results that I was able to achieve yet... well, not much... As soon as I think I am going to get a result, it is all breaking apart

    Secondly, what I mean by “fixed to viewpoint” is:
    .class { position: fixed }

    The result that I expect is that:
    “#banner, #leftnav, #footer, #breadcrumb (top yellow in my mockup), #bottom_ad (bottom yellow)”
    completely fill the screen, top to bottom, without scrolling, so “fixed to the viewpoint”.

    I have find that it is also possible to achieve the same result with:
    .outdiv { height: 100%; position: relative }
    .indiv { position: absolute; [top|right|bottom|left]: [0 or needed position] }

    I also want all the rest : #maincontent, #right_ad to scroll using the browser main scrollbar, not one generated by #div { overflow: scroll }.

    I hope all this is clear to you

    I started with the famous Jello Mold layout

    Then tried to use some parts of this http://www.oswt.co.uk/xhtml_css_layo...outGala13.html

    inside the Jello Mold, +some trying to fix parts of it, but unsuccesfully.

    From there, it is getting much trickier...

    Hope you will be able to help
    Last edited by alfi819; 02-13-2009 at 04:31 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •