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 #1038
Layer fixieren (CSS-Frames)
Frage: Wie kann ich einen Container in der oberen, linken Ecke fixieren? Beim Scrollen der Seite soll der Container immer an der gleichen Stelle bleiben.
Antwort: Für dieses Verhalten gibt es die Eigenschaft "position: fixed;". Dummerweise versteht der IE diese Eigenschaft nicht. Für alle anderen Browser kann man diese Eigenschaft also verwenden. Den IE kann man nun entweder ignorieren, ihm mit Javascript auf die Sprünge helfen oder aber ihn austricksen. Die sicherlich eleganteste Methode ist die, ihn auszutricksen.
Ausführlich beschrieben wird der Vorgang hier:
- http://www.fabrice-pascal.de/artikel/posfixedie6/
- http://www.v2studio.com/k/style/fixed/
- http://devnull.tagsoup.com/fixed/
- http://devnull.tagsoup.com/fixed/vertical.html
Ein weiteres Beispiel gibt es bei den e-workern.
Erfahrungsgemäß ist am besten, nur links einen Container zu fixieren. Unten und rechts sollte man niemals einen Layer fixieren, da der IE sich falsch verhält und man u.U. die Seite nicht mehr korrekt bedienen kann.
Für die IE-konforme Lösung benötigt man Conditional Comments, eine Microsoft-eigene Kommentar-Art. Genaueres dazu findet man bei Microsoft selber.
Antwort: Für dieses Verhalten gibt es die Eigenschaft "position: fixed;". Dummerweise versteht der IE diese Eigenschaft nicht. Für alle anderen Browser kann man diese Eigenschaft also verwenden. Den IE kann man nun entweder ignorieren, ihm mit Javascript auf die Sprünge helfen oder aber ihn austricksen. Die sicherlich eleganteste Methode ist die, ihn auszutricksen.
Ausführlich beschrieben wird der Vorgang hier:
- http://www.fabrice-pascal.de/artikel/posfixedie6/
- http://www.v2studio.com/k/style/fixed/
- http://devnull.tagsoup.com/fixed/
- http://devnull.tagsoup.com/fixed/vertical.html
Ein weiteres Beispiel gibt es bei den e-workern.
Erfahrungsgemäß ist am besten, nur links einen Container zu fixieren. Unten und rechts sollte man niemals einen Layer fixieren, da der IE sich falsch verhält und man u.U. die Seite nicht mehr korrekt bedienen kann.
Für die IE-konforme Lösung benötigt man Conditional Comments, eine Microsoft-eigene Kommentar-Art. Genaueres dazu findet man bei Microsoft selber.
Tags: -
Verwandte Artikel:
- Mozilla-Fehler bei Zentrierung
- Was sind Block-Elemente, was sind Inline-Elemente ?
- Gibt es ein Tutorial, welches mir den Einstieg ins "tabellenlose Webdesign" erleichtert?
- Eine fremde Seite in die eigene einbinden.
- Wie kann ich einstellen wo welche Seite angezeigt werden soll, wie bei einem Frameset wo man das Zielframe einstellen konnte?
Letzte Änderung des Artikels: 2004-05-25 12:18
Autor: Jens Grochtdreis
Revision: 1.0
Kommentieren nicht möglich