Navigation
0 users online :: 0 Gäste und 0 Registrierte
Einträge in dieser Kategorie
- Das Box-Modell
- Was ist CSS und wozu braucht man es?
- Womit erstelle ich eine CSS-Datei?
- Wie binde ich Styles in HTML ein ?
- Abstand der Listen nach links
- Klasse oder ID ?
- Schreibweisen
- Farbangaben
- Reihenfolge für Links
- Was ist der Viewport ?
- Was sind Block-Elemente, was sind Inline-Elemente ?
- Mozilla hat Probleme mit Monospace-Schriften
- Positionierung und der Fluß der Elemente
- Wie erstelle ich eine einfache Browserweiche per CSS?
- Wieviel em ist eine 12px große Schrift ?
- Bilder skalierbar zur Schriftgröße
- Wie erstelle ich ein zweispaltiges Layout, wenn ich die Höhe der Spalten nicht kenne?
- Ist es mit CSS möglich, eine Scollbar in einen "div"-Block einzubauen, sodass der Text den Ramen des Blocks nicht überschreitet?
- Gibt es ein Tutorial, welches mir den Einstieg ins "tabellenlose Webdesign" erleichtert?
- Die Linkfarbe ist die Standardfarbe, trotz meiner Styles.
- Menü erstellen
- Was ist gemeint mit dem Ausdruck: "a selector within a style sheet" ?
- Zwei Anweisungen für ein Element widersprechen sich. Wie lasse ich beide gelten?
- Wie kann ich zeitsparend CSS-Definitionen überschreiben?
- Wie kann ich in einem Stylesheet weitere Stylesheets laden?
- Eine fremde Seite in die eigene einbinden.
- Alt-Atribut, Title-Attribut und der Tooltip
- Unterschiedliche Bildschirmauflösungen, gleiche Optik?
- Hintergrundbild über 2 Container
- Wie kann ich einstellen wo welche Seite angezeigt werden soll, wie bei einem Frameset wo man das Zielframe einstellen konnte?
- Listenelemente haben unterschiedliche Abstände von links in den Browsern.
- Ich bin nur User und habe nun nach langen hin und her festgestellt warum ich einige Web-Sites nicht korrekt angezeigt bekomme. Es liegt an der Programmierung in CSS. Aber meine Frage ist, wie kann ich nun z.B. Mozilla Firefox dazu bringen mir diese Seiten an zu zeigen? Ich bin schon kurz vor der Verzweiflung!
- Wie kann ich verhindern das die Seite abgeschnitten wird, wenn das Browserfenster kleiner ist als mit min-height angegeben?
- Wie kann ich per CSS eine Navigation mit grafischen Schaltflächen versehen? Dabei sollen in der Anzeige ohne Styles die Link-Bezeichnungen als Text erscheinen.
Tags
Sticky FAQs
Grundlagen
ID #1027
Wie erstelle ich eine einfache Browserweiche per CSS?
Wenn man CSS-Definitionen vor älteren Browser wie dem Netscape Navigator 4 verstecken möchte,
um zum Beispiel zu verhindern, dass es zu einer Fehlanzeige im Netscape kommt, kann man mit
Hilfe des @import-Befehles (den der Netscape 4 nicht versteht) unterschiedliche StyleSheets für
unterschiedliche Browser laden. Dazu geht man folgendermaßen vor:
Zuerst bindet man das externe Style Sheet ein, welches nur die Befehle für den Netscape 4 enthält.
Dieses Style Sheet wird von allen Browsern geladen und interpretiert.
Um nun für die neueren Browser weitere Formatierungen zu laden benutzt man:
Diese Einbindung wird nur von neueren Browsern unterstützt, im Netscape 4 wird der Befehl ignoriert. Die Befehle, die in der Datei
browser.css stehen, überschreiben in den neueren Browsern die Befehle, die in ns4.css stehen.
Somit kann man klar zwischen Deklarationen für den Netscape 4 und neueren Browsern unterscheiden
Wenn man die per link eingebundene CSS-DAtei ganz wegläßt, bekommt der Netscape4-User den Seiteninhalt ungestylt zu sehen. Das spart viel Arbeit und transportiert auf alle Fälle "unfallfrei" den Inhalt.
um zum Beispiel zu verhindern, dass es zu einer Fehlanzeige im Netscape kommt, kann man mit
Hilfe des @import-Befehles (den der Netscape 4 nicht versteht) unterschiedliche StyleSheets für
unterschiedliche Browser laden. Dazu geht man folgendermaßen vor:
Zuerst bindet man das externe Style Sheet ein, welches nur die Befehle für den Netscape 4 enthält.
<link href="styles/ns4.css" rel="stylesheet" type="text/css">
Dieses Style Sheet wird von allen Browsern geladen und interpretiert.
Um nun für die neueren Browser weitere Formatierungen zu laden benutzt man:
<style type="text/css">@import url("styles/browser.css");</style>
Diese Einbindung wird nur von neueren Browsern unterstützt, im Netscape 4 wird der Befehl ignoriert. Die Befehle, die in der Datei
browser.css stehen, überschreiben in den neueren Browsern die Befehle, die in ns4.css stehen.
Somit kann man klar zwischen Deklarationen für den Netscape 4 und neueren Browsern unterscheiden
Wenn man die per link eingebundene CSS-DAtei ganz wegläßt, bekommt der Netscape4-User den Seiteninhalt ungestylt zu sehen. Das spart viel Arbeit und transportiert auf alle Fälle "unfallfrei" den Inhalt.
Tags: -
Verwandte Artikel:
- Mozilla-Fehler bei Zentrierung
- FOUC (Flash of Unstyled Content)
- Wie kann ich einen externen Style nur dem IE5 Mac liefern ?
- Selektieren von Text im IE nicht bzw. nur schwer möglich.
- a:focus im IE6
Letzte Änderung des Artikels: 2004-02-24 09:32
Autor: Jan Heck
Revision: 1.0
Kommentieren nicht möglich