min-width: Mindestbreite
Anzeige Hier werben
min-width
Werte: Längen- und Prozentangaben
Standardwert: 0
Vererbung: nein
Kurzschreibweise: keine
Anwendbar auf: Alle Elemente außer nichtersetzende Inline-Elemente
CSS-Level: CSS2.1, CSS3
Neben einer festen Breite kann einem Element auch eine Mindestbreite zugewiesen werden. Diese wird über die Eigenschaft min-width definiert. Als Werte können positive Längen und prozentuale Angaben angegeben werden.
Kompatibilität
Der Internet Explorer interpretiert Angaben für die Mindestbreite erst aber der Version 7.
Es existiert jedoch ein Workaround, der den Fakt ausnutzt, dass der Internet Explorer 6 die Angabe !important ebenfalls ignoriert und solche Werte trotz dessen überschreibt.
1
2
3
4
5 | /** Alle anderen Browser **/
min-width:50%;
width:auto !important;
/** Internet Explorer **/
width:50%;
|
Beispiel
1
2
3
4
5
6
7
8
9 | <style type="text/css">
div {
border:1px #000 solid;
margin:1em;;
}
</style>
<div style="min-width:400px;">
Mindestbreite wird hier nicht erreicht
</div>
|
Weiterführende Links
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "min-width: Mindestbreite" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "min-width: Mindestbreite" hier bearbeiten.
-
Student der Biochemie und seit einigen Jahren im Hobby-Entwicklerbereich tätig. Stärken in XHTML/CSS und PHP, alles was mit Grafik zu tun hat, gehört nicht dazu.
-
graphic, motion & web design - kernreaktor - mutter kind turnen