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]–>

erstellt am 28. Mai 2009 14:16    abgelegt unter: CSS, HTML
Kommentar einfügen   

Erzwingen vertikaler Scrollbalken in Netscape, Firefox, Safari & Co.

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 (Cascading Style Sheets)-Datei (z.B. style.css) und der Spuk hat endlich ein Ende:

html {
height: 100%;
margin-bottom: 1px;
font-size: 100.01%;
}

erstellt am 18. März 2009 15:58    abgelegt unter: CSS
2 Kommentare    

Zeichen- bzw. Wortabstand ändern

Zeichenabstand ändern:
.kleiner_als_normal {letter-spacing:-2px;}
.groesser_als_normal {letter-spacing:1px;}

erstellt am 2. September 2008 10:58    abgelegt unter: CSS
Kommentar einfügen   

Kommentare in Seiten und Beiträgen sichtbar machen

Beispiel:
<span style=”word-spacing:-3px;”>< ! - - m e h r - - ></span>

< ! - - m e h r - - >

erstellt am 15. August 2008 21:58    abgelegt unter: CSS
Kommentar einfügen   

Versionsspezifische Weichen für den Internet Explorer (CSS)

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”.

erstellt am 16. Mai 2008 17:58    abgelegt unter: CSS
Kommentar einfügen   

CSS-Dateien in den Header-Bereich einbinden

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.

erstellt am 13. Mai 2008 18:57    abgelegt unter: CSS
Kommentar einfügen