ansaurus

Question

How to get min-height working in Safari, Chrome on MAC

Answer 1

A:

min-height is supposed to be supported in Safari now but you might want to try the underscore hack:

min-height: 850px; height: auto; _height: 850px;

HZC 2010-08-22 16:01:36

Thanks HZC, but that does not seem to do it either...

dsire 2010-08-22 19:37:37

Answer 2

A:

The following example works for me on Mac OS X 10.6.4 using Safari 5.0.1 (not sure which version of Webkit):

<html>
    <head>
    <!--
        <style>
        .box1 {
            float:left;
            width:100px; margin: 1em 20px 1em 0;
            background:yellow;
            border:1px solid black;
            min-height:100px;
        }
    -->
    </style>
    </head>
    <body>
        <div class="box1"></div>
        <div class="box1">less text</div>
        <div class="box1">more text more text more text more text more text more text</div>
    </body>
</html>

I can't tell from your example how you are implementing your styles as you only show your style definitions. Another thing I've noticed is that you are defining ID styles (# notation) instead of class styles (dot notation). Though that also works, it's recommended that you define class styles when you want to apply a style to multiple elements.

If this example doesn't help you, perhaps you can paste some HTML that shows HOW you are using your styles.

HZC 2010-08-24 12:41:01

ansaurus

tags:

views:

answers:

How to get min-height working in Safari, Chrome on MAC

related questions