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
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts

    2 Column Div (Fixed/Fluid): Fluid Not Filling Space

    Hello all,

    I am using PHP-Fusion for a CMS, but I want to recreate a page for SEO purposes in XHTML (basically tableless). I am trying to use the stylesheet already designed for the template instead of recreating it, but added a couple things for ensuring the divs float and such that were not part of the original stylesheet. I am unable to figure out how to make a nested DIV fill its parent DIV in this situation.

    The pages are:
    http://www.hillsideboergoats.com - this is the main page I am using to create the SEO friendly page
    http://www.hillsideboergoats.com/seo.html - this is the page I am working on with CSS

    Any help would be greatly appreciated!
    Jeremy
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    So you are wanting the content to be to the right of the left navigation? First get rid of the float on .main-bg and then give it a left margin equal to or greater than the width of .side-border-left
    Code:
    .main-bg {
    	color : #000;
            margin-left:181px;
    	background-color : #fff;
    	padding : 5px;
    }
    Finally you are going to have to use the faux columns technique if you want to make it look like the left column is the same height as the content. Here is an example that uses this technique.

    http://bonrouge.com/2c-hf-fluid.php
    Last edited by _Aerospace_Eng_; 09-19-2007 at 06:27 AM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • Users who have thanked _Aerospace_Eng_ for this post:

    gnomeontherun (09-19-2007)

  • #3
    Senior Coder gnomeontherun's Avatar
    Join Date
    Sep 2007
    Location
    Houston
    Posts
    2,846
    Thanks
    10
    Thanked 238 Times in 229 Posts
    That did it, thanks a bunch!
    jeremy - gnomeontherun
    Educated questions often get educated answers, and simple questions often get simple answers.


  •  

    Posting Permissions

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