css - Div height not resizing when height is given as %, but will when given as number in firefox -
my problem have 1 div nested inside large div. larger div called content, , smaller 1 content-middle. content div first (and only) element inside tag, , resizing. css follows:
body, html { height:100%; margin:0px !important; padding:0px; background-color:#003a69; } #content { width:100%; min-height:100%; position:relative; background-color:#00693e; background: url(images/background-green.jpg) repeat; } #content-middle{ background-color: white; margin:0px auto; width:930px; height:auto !important; height:100%; min-height:100%; color:black; }
the html structure this: body->content->content-middle
the problem in firefox, div content-middle not resize size of container (100%) if put in 10000%. however, if put number in min-height (such 10000) resizes properly.
this works in opera, ie doesn't work (not surprising), havn't tried else. bug? can figure out workaround?
thanks in advance!
change #content 'height' instead of 'min-height'.
Comments
Post a Comment