Topic: Default height - Min. Height (Page 1 of 1)

Hello,

Using CSS, is there a way to set a default hieght for some content? Example:

<div class="test">
default height of this div tag could be 225px
</div>

but the content could be:

<div class="test">
default height of this div tag could be 225px<br/><br/><br/>
more than enough content to blow out the 225 default height<br/><br/><br/>
more than enough content to blow out the 225 default height<br/><br/><br/>
more than enough content to blow out the 225 default height<br/><br/><br/>
</div>


I normally use a transparent gif and float it on the left...
Karl

Hi Karl,
You can set the minimum height using the min-height attribute, however this does not work in IE browsers - luckily when u set the height of an element, IE uses this as the min height but expands as required.... however if u set this normally, browsers like mozilla will not expand the element, the following code is how to fix this problem: IE has a situation where anything after the * is IE specific.

.myElement{

                  min-height: 225px; /*For Mozilla,opera,firefox etc*/



}



*html .myElement{ height: 225px; /*for IE*/}

I think that is right, i will check later when i get home

H][RO... do you know of a fix for Safari and IE on a MAC?