[CSS] max-height en Safari

[posttoast]

Bij het bouwen van een site ben ik tegen een probleem opgelopen: de combinatie van het max-height attribuut en Safari. Volgens de specificaties zou Safari het gewoon moeten ondersteunen maar wanneer ik de gebouwde pagina in deze browser open werkt het simpelweg niet. In IE, FF en Opera gaat het allemaal wel prima.

Een voorbeeld:
Pagina met weinig content
Pagina met veel content

De pagina met veel content zou moeten gaan scrollen en doet dit ook netjes in alle browsers, behalve in Safari. Ik heb rondgezocht maar kan alleen maar vinden dat het zou moeten werken. En dat doet het dus niet.

De stylesheet:

Cascading Stylesheet:

body,html
            {
                margin: 0px;
                padding: 0px;
                height: 100%;
                background-color: blue;
                font-family: Verdana, Arial;
                font-size: 12px;
                color: #FFFFFF;
            }

img
            {
                border: none;
            }

 #canvas
            {
                margin: -320px 0 0 -487px;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 975px;
                height: 640px;
            }
#main
        {
            position: absolute;
            left: 365px;
            top: 80px;
            width: 550px;
            height: expression(this.clientHeight > 500? "500px": "auto" );
            max-height: 500px;
            padding: 10px;
            background-color: #FFFFFF;
            color: #6C6D62;
            font-size: 16px;
            line-height: 24px;
            overflow: auto;
        }

Het gaat dus met name om #main.

Ik doe vast iets heel erg verkeerd, maar wat? Welke CSS guru hier kan mij vertellen hoe ik dit oplos?

[twopack]

Heb je screenshots uit Safari? Kan het hier niet testen natuurlijk

[posttoast]

twopack schreef op maandag 24 oktober 2005 @ 12:55:
Heb je screenshots uit Safari? Kan het hier niet testen natuurlijk

Helaas niet zo 1,2,3...

Maar goed, ik vrees dat dit niet gaat werken in Safari. Dan maar een andere vraag: is het mogelijk om voor Safari apart een height te specificeren? Ik gebruik dan een meegroeiend blok in alle browsers, behalve in Safari: daar geef ik hem dan een vaste hoogte.

Iemand een tip?

[BtM909]

Welke Safari versie gebruik je?

[Verwijderd]

Heb je zowiezo die expression absoluut nodig? Het nadeel is namelijk dat ze bij elke actie geevalueerd worden

[posttoast]

BtM909 schreef op maandag 24 oktober 2005 @ 22:08:
Welke Safari versie gebruik je?

Ik geen Maar degene die de site voor mij test gebruikt versie 2.0.1 (wat voor zover ik weet een redelijk nieuwe versie is). Ik streef er niet naar de site die ik bouw compatible te maken met oude browsers, maar de nieuwste safari moet er toch wel mee om kunnen gaan. Als het niet precies is zoals ik wil, dan maar dat dat blok daarin een vaste hoogte krijgt. Maar hoe dat moet weet ik niet... Daarvoor hoop ik dus nog een beetje op de input van een CSS guru hier

Verwijderd schreef op maandag 24 oktober 2005 @ 22:12:
Heb je zowiezo die expression absoluut nodig? Het nadeel is namelijk dat ze bij elke actie geevalueerd worden

Voor zover ik weet is dat de enige manier om max-height (of in ieder geval de werking ervan) in Internet Explorer aan de praat te krijgen. Als jij een betere oplossing hebt dan is die erg welkom

[posttoast]

Echt niemand?

[Verwijderd]

posttoast schreef op maandag 24 oktober 2005 @ 22:52:


Voor zover ik weet is dat de enige manier om max-height (of in ieder geval de werking ervan) in Internet Explorer aan de praat te krijgen. Als jij een betere oplossing hebt dan is die erg welkom

Max height is zowiezo overflow hidden

[posttoast]

Verwijderd schreef op woensdag 26 oktober 2005 @ 09:17:
[...]


Max height is zowiezo overflow hidden

Tenzij je overflow: auto; neerzet lijkt mij. Of heb ik het nu mis?