Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorFLaKes
    • CommentTimeJun 23rd 2006
     permalink
    I have a problem in which the content jumps out of the main div and continues downward instead of expanding like it does in explorer. You can view it in the following link:

    http://www.tlahtoa.com.mx/indexnu.htm

    Im sort of new to css, and the one thing that gives me the most problems in xhtml/css is height. Especially in Firefox, I dont know why, sadly its my favorite browser and I cant even make pages work on it. Back to the topic, the css can be viewed here :

    http://www.tlahtoa.com.mx/estilos57.css

    I have sort of commented and cleaned up the code a little bit in case someone could help me, which I would greatly appreciate.

    Thanks.
    -Paul
    •  
      CommentAuthornifkin
    • CommentTimeJun 23rd 2006 edited
     permalink
    My guess after a quick glance is the way the two interpret height

    In IE if you set a height for something it's treated as a minimum height by default (if you set something to 100px tall, then put 120px of content in it will stretch).

    In FF things with a height are always that height but things may overflow beyond that container in which case all bets are off. (if you make a container 100px tall then put 200 px worth of text into it, it will go past the end of the box but your background color and border, etc. will still end at 100px.)

    What I usually do (and it's strictly personal preference) is something like this.

    div#mycontainer {
       height:auto !important; /* ff/etc will use this because it's important. */
       height:100px; /* ie6 and under will use this because it's read last. */
       min-height:100px; /* ff/etc will use this value, ie6 and under don't support it so it will be ignored.*/
    }
Add your comments
    Username Password
  • Format comments as (Help)