Results 1 to 7 of 7

Thread: This is a simple problem Im sure...

  1. #1
    Working. Masetek's Avatar
    Join Date
    Aug 2005
    Location
    Aust
    Posts
    543

    This is a simple problem Im sure...

    Can anyone tell me why my content wrapper is not expanding with content left and right columns? Heres my code...

    I'm sure theres a simple answer to this!

    #contentwrapper {
    width: 750px;
    background-image: url(/critic/images/contentbg1.gif);
    background-repeat: repeat-y;
    }

    #contentleft {
    float: left;
    width: 590px;
    background-color: #fff;
    }

    #content {
    width: 580px;
    margin: 5px;
    color: #000;
    }

    #contentright {
    float: right;
    width: 160px;
    background-color: #034FA3;
    text-align: center;
    }

  2. #2
    Website Developer
    Join Date
    Oct 2004
    Posts
    1,607
    I'm not positive what your trying to do.. but you have fixed pixel widths and you want a fluid layout?
    Make more money - Read my Web Publishing Blog

  3. #3
    Working. Masetek's Avatar
    Join Date
    Aug 2005
    Location
    Aust
    Posts
    543
    I have a 2 col layout. The 2 cols have a wrapper. The wrapper has a bg image because a long article causes the left col to expand vertically and the right col stays at the fixed length. For some reason the wrapper is not expanding with the cols.

    Its fixed centered layout, but needs to expand vertically.

    You with me?

  4. #4
    Sean
    Join Date
    Nov 2005
    Posts
    139
    It's hard to tell exaclty without seeing the layout... for me at least, but have you tried position: absolute; for the contentwrapper?

  5. #5
    I'm the oogie boogie man! James's Avatar
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    1,566
    If you're using 2 columns side-by-side and using floats, you should just float one of them and have a margin on the other.

    It's hard to tell without looking at more of your code and how it's arranged, but try adding a block-level element (I'm tired, so if I'm wrong then just point it out) such as a paragraph tag, or div, etc. You'd simply use clear: both; on this element.

    It may also be that you've accidently not closed the tags properly.

  6. #6
    Working. Masetek's Avatar
    Join Date
    Aug 2005
    Location
    Aust
    Posts
    543
    Ahh James I was waiting for you to come on

    And you were right, I needed a clearer. I just added a <p> tag with a clearer and it's sorted...thanks.

  7. #7
    I'm the oogie boogie man! James's Avatar
    Join Date
    Aug 2004
    Location
    Canada
    Posts
    1,566
    No problem. It's the #1 problem people seem to have when dealing with floats.

Similar Threads

  1. Simple Auto-Update Copyright Script
    By Sean in forum Website Programming & Databases
    Replies: 8
    Last Post: 11-24-2005, 08:25 PM
  2. How To A Create Simple Bookmark
    By iKwak in forum HTML, CSS, Layout, and Design
    Replies: 1
    Last Post: 12-29-2004, 08:58 PM
  3. viewing problem
    By fellboyzs in forum HTML, CSS, Layout, and Design
    Replies: 2
    Last Post: 05-05-2004, 06:15 PM
  4. Strange DB Selection Problem
    By Mike in forum Website Programming & Databases
    Replies: 10
    Last Post: 02-12-2004, 01:06 PM
  5. Problem with my links
    By Mike in forum HTML, CSS, Layout, and Design
    Replies: 3
    Last Post: 11-15-2003, 03:25 PM

Bookmarks

Posting Permissions

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