Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Jan 2008
    Posts
    10
    Member #
    16303
    Ok. We've all had this trouble before...and I've solved it before...and what I did then, doesn't seem to be working anymore. I have essentially 4 containers. my main container, which holds 1 left, 1 right, and 1 footer div inside it. The left is the body, the right is the menu, and the footer is...well a footer...
    For some reason, no matter what I change (height: 100% vs. auto), I can't get the height of the body to be full if it's smaller than the menu, and can't get the menu to be full when it is smaller than the body.

    I know I've fixed this before, but this time it's failing me...what am I doing wrong?

    http://www.chelmsfordcommunityeducat...irror/test.htm - bigger menu
    http://www.chelmsfordcommunityeducat...rror/test2.htm - bigger body


    (Yes, I know the menu's too big, I'm going to hide parts of it later)

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,693
    Member #
    5580
    Liked
    717 times
    This is sort of a problem with CSS.

    You'll have to specify the height of each section, making them the same.

    The alternative is what's called "faux columns", where you trick it by making
    the background image look like the columns you now have. Then each section
    has background-color: tranparent; so the background image shows through.
    The illusion is that it looks like separate columns, but it's really not.

    IE will sometimes extend the columns down to the bottom, which is the
    effect you want, but FF will not. FF is actually correct by not extending them
    down.

    I'm hoping the next breakthrough in CSS (CSS2 or CSS3) solves the problem
    by introducing another property that makes all columns fill to the bottom.


  4. #3
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    CSS3 actually addresses the problem by providing actual columning capabilities. Specifically, it provides for properties for flowing text into columns. The only true drawback of faux column really is the fact that their width can't be changed. CSS3 will also provide for a background-size property as well as multiple backgrounds on the same element that should ease this problem, as well. Still doesn't help with horizontal gradients that need to be resized, but it's an improvement.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:07 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com