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 6 of 6
  1. #1
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    The title pretty much explains my problem. I'm using tableless layout, and I have a div that has a background image. If the content isn't tall enough, the background image gets cropped at the bottom. "min-height" solves my problem in Moz, but doesn't fix it in IE. If I set a "height" value CSS, on the other hand, it works in IE, but then in Moz, the div doesn't stretch vertically. I'm looking for a CSS solution that will work in all browsers.

    I DO NOT WANT TO USE a "spacer" image to make the content a minimum height. WTF is the point of using CSS if I have to explicitly code display logic?

    Thanks in advance for the help.

  2.  

  3. #2
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    Doesn't putting both min-height and height in work?
    JR

  4. #3
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    No. It results in the problem I mentioned in Moz. The div doesn't stretch vertically.

  5. #4
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  6. #5
    Senior Member Brak's Avatar
    Join Date
    Apr 2003
    Location
    San Francisco, CA
    Posts
    3,413
    Member #
    1217
    Liked
    2 times
    P.S. If you're looking to exclude Safari, you can simply do something like this:
    Code:
    #id{
    min-height:30px;
    }
    * html #id{
    height:30px;
    }
    Will work in mozilla/IE
    Kyle Neath: Rockstar extraordinare
    The blog | The poetry site | The Spore site

  7. #6
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    that's fine for me. thx


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 06:52 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com