CSS First/Dynamic HEIGHT

Discussion in 'CSS' started by redhits, Jun 13, 2008.

  1. #1
    Hello , can i do anything in order to set up an dynamic height for a DIV?
    I can't just do 100%, because if the text will be 200% then the rest of 100% will be falling down outside the div...



    If I don't set up an HEIGHT=XXX then the DIV will be dinamic, but if there gonna only be 50px height of text then the div will only be 50px in height, not 100%
     
    redhits, Jun 13, 2008 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well, you can't, not on normal containers, not without many CSS tricks.

    You can set your whole page to 100% height using the Paul O'Brien method.

    You can try to set some containers to min-height: 100% though I've tried it in some other pages without success... you could try min-height: somany px instead... this will allow the container to grow if text is 200%. IE6 and below need to be told height: somany px cause it doesn't know what min-height is AND luckily it lets containers grow with content.

    div {
    min-height: 100%;
    }
    * html div {
    height: 100%;
    }
     
    Stomme poes, Jun 13, 2008 IP