--> home Seitenstatus 3

 CSS


Stylesheet Grundlagen und Einheiten Grundlagen

Text »

Hintergrund in Cascading Stylesheets Hintergrund

Blöcke in Cascading Stylesheets Blöcke

Positionen in Cascading Stylesheets Ebenen

Listen in Cascading Stylesheets Listen

Verschied. in Cascading Stylesheets Verschied.

Software für CSS Software

Schriften in Cascading Stylesheets
Schriften
Text in Cascading Stylesheets
Text
Pseudo-Klassen in Cascading Stylesheets
Pseudo-Klassen
Schriftgröße im Web
Schriftgröße
Schriftarten im Web
Schriftart
Verschiedene Stylesheet für unterschiedliche Browser
Beispiel

Das Standard-Stylesheet für Netscape Navigator
Netscape
Korrigierte Werte für die Schriftgrößte für Nicht-Netscape
IE

PageMap 
(Umfang 47 Seiten)



Sponsoring  




3 Browserabfrage [javascript]

Assoziiert  






CSS-Eigenschaften

spez. Seiten zu CSS  





 


Auswahl dBooks:

Suche und verwandte Themen  







Verschiedenes  




Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     Beispiel

Eine pixelgenaue Darstellung ist unter verschiedenen Browsern nur mit einer entsprechenden Unterscheidung per JavaScript möglich..

Wie in Pixel und Browser gezeigt, ist die Laufweite und Darstellung auch mit Größenangaben mit Pixeln eventuell unterschiedlich.

Hier können Sie nach Tests unterschiedliche Stylesheets für die Browser anlegen. Im Beispiel wird die Standardfallunterscheidung verwendet, die in der JavaScript-Variable "browser" Kürzel für unterschiedliche Browser setzt.

In wesentlichen werden dabei die zwei Größen t1 und t2 durch standard_ie.css etwas verkleinert, da Netscape mit Arial diese Größen zu klein darstellt.

Eine sorgfältige Anpassung ist recht mühsam: Sie müssen vorab Screenshots von den verwendeten Schriften auf verschieden Plattformen durchführen, um die Stylesheets punktgenau zu justieren.


    Unterscheidung Stylesheet für Browser


Standardmäßig wird hier das Stylesheet für NN geladen, das NN generell etwas instabiler bezüglich Stylesheets ist. Die krummen Werte von NN werden dann durch das Laden der "richtigen" Werte korrigiert.
   Ergebnis
class="t1"
class="t2"
class="b2u"
class="b3"
   Quellcode

<link rel="stylesheet" type="text/css" href="/standard4.css">
<script language="javascript">
if (browser!="nav") {
  document.write('<link rel="stylesheet" type="text/css" href="/standard4_ie.css">');
}
</script>
<font class="t1">class="t1"</font><br>
<font class="t2">class="t2"</font><br>
<font class="b2u">class="b2u"</font><br>
<font class="b3">class="b3"</font><br>






  Links



Unkommentierte Links:

Bewertung: Microsoft: Building a Compatible Page
Bewertung: Microsoft: Handling and Avoiding Web Page Errors Part 1: The Basics

Link empfehlen





 forward


(München, 2001-03-06 15:45:15 / )
Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook CSS: 47 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 11:53:26 GMT 36
© Werner Diwischek