Navigation
0 users online :: 0 Gäste und 0 Registrierte
Einträge in dieser Kategorie
- Ebene horizontal zentrieren
- Ebene vertikal und horizontal zentrieren
- Teile der Seite verstecken
- Wie verstecke ich die CSS-Anweisungen vor Netscape 4.x und Internet Explorer 4.x?
- Mehrere Stylesheets einbinden
- Wie binde ich CSS-Dateien mit Browserweiche und media-Attribut richtig ein?
- Wie kann man das Layout der ausgedruckten Seite beeinflussen?
- Horizontale Navigation mithilfe einer Liste
- Dropdown-Menüs mit CSS
- Scrollbar einfärben
- Barrierefreie Navigationsmenüs mit CSS
- Layer fixieren (CSS-Frames)
- Wie erstelle ich einen zentrierten Dreispalter?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
- Seite mal mit, mal ohne CSS anzeigen
- Der IE zeigt die farbige Scrollbar nicht an.
- Kennt Mozilla (Firefox und andere) das cursor[url]-element?
- Wie kann ich ohne Tabelle eine Bildunterschrift erreichen?
- Kann man ein Bild nur dann erscheinen lassen, wenn man CSS aktiviert hat?
- Wie kann ich Styles auf einer einzelnen PHP-Seite einbinden?
- Ich habe meine Hauptseite zentriert, links und rechts möchte ich einen Übergang machen. Leider verschiebt sich entweder die ganze Seite nach unten oder es liegt nicht genau an der Mitte an.
- Horizontal und vertikal zentrieren, ohne fest stehende Dimensionen
- Wie sperrt man html-seiten, dass der user den Quellcode nicht öffnen kann.
- Wie kann ich erreichen, daß bei zwei Spalten, die jeweils als float-definiert sind (:left und :right) und von denen Spalte A eine feste Pixelangabe hat, Spalte B so skaliert, daß der komplette Rest-viewport ausgefüllt wird (also abzüglich des Platzes, den Spalte A braucht)? (Breite auf 100 % setzen klappt natürlich nicht, weil dann Spalte B unter Spalte A springt.)
- Per Zufall wechselnde Hintergrundgrafiken erzeugen
- Inline-Popup mit CSS
- Ich möchte in der Navigation die vertikal angeordneten Elemente unterschiedlich weit einrücken. Wie kann ich das erreichen?
- Wie kann ich erreichen, dass mein Hintergrundbild mit jedem Seitenaufruf zufällig die Position wechselt? Danke.
- Eine Ebene vor die andere schieben
Tags
Sticky FAQs
Tricks und Kniffe
ID #1049
Kann man ein Hintergrundbild relativ zum rechten Rand des viewports positionieren?
Nein, relative und absolute Postionierungen können nur auf den oberen und linken Rand bezogen werden. Die Auszeichnungen lauten dann beispielsweise:
body {
background: url(bild.jpg) 5em 10px no-repeat;
}
Das bild.jpg würde also mit 5em Abstand vom linken Rand und 10px vom oberen Rand positioniert. Statt em können auch alle anderen relativen Einheiten, wie % oder ex, verwendet werden.
Eine Ausrichtung am rechten oder unteren Rand ist nur ohne positionierende Abstände möglich:
body {
background: url(bild.jpg) bottom right no-repeat;
}
Das Hintergrundbild würde hier also in der rechten unteren Ecke platziert.
body {
background: url(bild.jpg) 5em 10px no-repeat;
}
Das bild.jpg würde also mit 5em Abstand vom linken Rand und 10px vom oberen Rand positioniert. Statt em können auch alle anderen relativen Einheiten, wie % oder ex, verwendet werden.
Eine Ausrichtung am rechten oder unteren Rand ist nur ohne positionierende Abstände möglich:
body {
background: url(bild.jpg) bottom right no-repeat;
}
Das Hintergrundbild würde hier also in der rechten unteren Ecke platziert.
Tags: -
Verwandte Artikel:
- Wie kann ich Styles vor dem IE5 Mac verbergen ? Wie kann ich Styles nur für den IE5 Mac liefern ?
- Werte nur an den IE5+ (Win) liefern
- Mozilla-Fehler bei Zentrierung
- FOUC (Flash of Unstyled Content)
- Wie kann ich einen externen Style nur dem IE5 Mac liefern ?
Letzte Änderung des Artikels: 2004-11-22 11:23
Autor: Stefan
Revision: 1.0
Kommentieren nicht möglich
Kommentar von Timo:
Wenn man kein Hintergrundbild nehmen kann oder möchte, hilft vielleicht dies:
durch height:0px und overflow:visible nimmt es nur den Platz ein, den das Bild beansprucht (wenigstens im Firefox ;-) )
Added at: 2038-01-19 04:14
Kommentar von Timo:
Sorry, da hat sich ein kleiner Fehler eingeschlichen:
Added at: 2038-01-19 04:14