CSSplay

Experimente mit Cascading Style Sheets

von Stu Nicholls

Methode 1

{width:90%; min-width:400px;} unterstützt IE5.5 und IE6

Das ist die erste von zwei Möglichkeiten, die Stu Nicholls gefunden hat, um eine echte min-width im InternetExplorer zu emulieren.
Sie nutzt ein display:inline-block, eine border-width und ein negatives Margin (KEIN Javascript).

Dieses div hat eine minimale Breite (min-width) von 400px und eine Breite (width) von 90%. Die Breite kann jeden prozentualen Wert annehmen. Die minimale Breite (min-width) kann als px oder em-Wert definiert werden.

entwickelt am 11.Mai 2005 von Stu Nicholls

Zum Vergleich: dieses div ist 400px breit.

Methode 2

{width:90%; min-width:400px;} unterstützt IE5.01, IE5.5 und IE6

Das ist der zweite Weg, eine echte min-width im InternetExplorer zu emulieren.
Er nutzt float-left, eine border-width und ein negatives Margin (KEIN JavaScript).

Dieses div hat auch eine minimale Breite (min-width) von 400px und eine Breite (width) von 90%. Die Breite kann jeden prozentualen Wert annehmen. Die minimale Breite (min-width) kann als px oder em-Wert definiert werden.

entwickelt am 11.Mai 2005 von Stu Nicholls

valide: xhtml 1.1

kommentieren

Zur CSS-Play-Webseite