min-height as %

Junior WebHelper Joined: 06 Dec 2003 Posts: 25

I'm developing a site but have come up against a problem with getting FireFox to take on a min-height value in a percentage...

If you view:

http://sbjewellery.co.uk/sbj/catalogue/1/2

then the page displays as normal

However:

http://sbjewellery.co.uk/sbj/resource/aboutus

and obviously the div in the middle is not expanding in FireFox...I have
height:auto;
min-height:84%;
in the "firefox readable" class...

CSS : http://sbjewellery.co.uk/html/css/template.css

Any ideas?

Posted: Mon Mar 29, 2004 10:12 pm (20 years ago)

first things first, validate the CSS - then if it still doesn't work we'll see what we can do

Junior WebHelper Joined: 06 Dec 2003 Posts: 25

yeah - i tried taking out the opacity labels...whcih resulted in no error from the validator...however the problem still persists...

while on the opacity question... is this wrong?

Code:

filter:alpha(opacity='75');
-moz-opacity:0.75;

Posted: Tue Mar 30, 2004 12:09 pm (20 years ago)

I think the problem is the quotes, you don't need them - the rest should be ok.

I can't figure out why the height isn't being set - it may be a bug in mozilla, but I'm really not sure.

Posted: Tue Mar 30, 2004 2:20 pm (20 years ago)

If you set a min-height % on an auto then it has nothing to directly reference from.

Quote:

If the height of the containing block is not specified explicitly (i.e., it depends on content height), the percentage value is treated as '0' (for 'min-height') or 'none' (for 'max-height').

Junior WebHelper Joined: 06 Dec 2003 Posts: 25

ah ok so...basically i have to use

min-height:600px; or something?

Is there an easier way to do have the div ("subcontent") stretching down to the end of "content"?