horizontales Menü: automatische Menüpunktbreite im IE 5 erzwingen
Beispiel:
Im Header-Bereich:
<!–[if lt IE 6]>
<style type=”text/css”>
#hmenue_ie li {float:left;display:block;width:100px;word-wrap:normal;}
</style>
<![endif]–>
Beispiel:
Im Header-Bereich:
<!–[if lt IE 6]>
<style type=”text/css”>
#hmenue_ie li {float:left;display:block;width:100px;word-wrap:normal;}
</style>
<![endif]–>
Es ist manchmal schon ein Kreuz mit den Browsern:
“Da hat man endlich alle Seiten fertiggestellt und ganz zum Schluss fällt einem beim Anklicken der verschiedensten Seiten auf, dass die Seiten unterschiedlich horizontal ausgerichtet werden. Natürlich geschieht dies nicht bei allen Browsern – nein, das wäre einfach zu leicht…”
Ja, kennen Sie das auch?
Dann liegt es wahrscheinlich daran, dass die eine oder andere Seite im Gegensatz zu den anderen keinen Scrollbalken benötigt.
Fügen Sie einfach den folgenden Code an den Anfang Ihrer CSS-Datei (z.B. style.css) und der Spuk hat endlich ein Ende:
html {
height: 100%;
margin-bottom: 1px;
font-size: 100.01%;
}
Zeichenabstand ändern:
.kleiner_als_normal {letter-spacing:-2px;}
.groesser_als_normal {letter-spacing:1px;}
Beispiel:
<span style=”word-spacing:-3px;”>< ! - - m e h r - - ></span>
< ! - - m e h r - - >
Es ist manchmal wie verhext:
die Webseite ist fertig und bei der letzten Kontrolle fällt einem auf, dass bei einer der vielen Internet- Explorer-Versionen, ein Bereich sich verschoben hat. Das kann natürlich nicht so bleiben. Aber alle Versuche, dies zu ändern, scheitern. Entweder bleibt alles beim Alten oder die anderen Versionen zicken plötzlich rum.
Und nun?
Mit Hilfe von Browser- bzw. Versionsspezifischen Weichen können auch Sie der einen oder anderen Version “Beine machen”.
1. Beispiel:
<link rel=”stylesheet” type=”text/css” href=”beispiel1.css”>
2. Beispiel:
<style type=”text/css”>@import url(beispiel2.css) all;</style>
Weitere Informationen dazu finden Sie hier.