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
    Nov 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts

    sooo confused... layout advice much needed

    i'm trying to get a 3-column design using css where the three columns will all stretch together.

    Code:
    #body-wrapper{
    	background: #4a4a4a;
    	width: 938px;
    	margin: 0;}
    	#r-column{
    		width: 152px;}
    	#c-column{
    		margin: 0 auto;
    		width: 625px;}
    	#l-column{;}
    i tried floating them, but this caused problems when the content of any column div was longer than height: 100% (background and borders wouldn't stretch to accomodate).

    what i want is when c-column stretches (and thus body-wrapper also stretches) that l-column and r-column stretch to the new body-wrapper length.

    is there a possible solution for this?
    Last edited by OMMad; 11-01-2010 at 05:37 AM.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,861
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Check some fluid faux columns
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    OMMad (11-01-2010)

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    9
    Thanks
    2
    Thanked 0 Times in 0 Posts
    precisely what i was looking for. much appreciated!


  •  

    Posting Permissions

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