--> home Seitenstatus 4

 CSS


Stylesheet Grundlagen und Einheiten Grundlagen

Text in Cascading Stylesheets 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


PageMap 
(Umfang 47 Seiten)



Sponsoring  




CSS-Eigenschaften

spez. Seiten zu CSS  





 


Auswahl dBooks:

Suche und verwandte Themen  





Verschiedenes  


Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     Hintergrund

Hintergrunde können laut CSS-Definition für jedes Element definiert werden.

Nicht ganz glücklich werden kann man mit der Interpretation der Hintergründe durch die beiden Browser, wie ich an folgendem Beispiel demonstrieren möchte:

    Hintergründige Beispiel


Das Beispiel zeigt ein generelles Problem vom NN bis 4.7: Der Inhalt hat immer einen Abstand (padding) vom Rand! Bisher habe ich noch keine Möglichkeit gesehen, diesen häßlichen Effekt zu eliminieren. Der MSIE wiederum kachelt Inline-Elemente wie span nicht als Rechteck, sondern nur um Inhalte und border wird einfach ignoriert .
   Ergebnis
testtest
testtest
   Quellcode

<span style="background:yellow url(/pic/example/schrift.gif) no-repeat bottom right;border:5px ridge blue;">
test<img src="/pic/pixel_tr.gif" width="300" height="100" border=1>test
</span>
<hr />
<div style="background:blue url(/pic/example/nashorn.jpg) no-repeat bottom;border-width:5px;border:5px ridge yellow;">
test<img src="/pic/pixel_tr.gif" width="300" height="100" border=1>test
</div>






Das sowohl Opera wie auch MSIE Inline-Elemente gar nicht bzw. nur unvollständig interpretieren, haben Sie keine "volle" Punktzahl erhalten.

  Hintergründe

  Eigenschaft NN
MSIE
opera
CSS

4 4.6 6 3 4 5 5.5 3.6 4 5 1 2

  background




  Die Eigenschaft background ermöglicht alle Eigenschaft für Hintergründe innerhalb einer Definition zu bündeln.

  background-attachement




  Die Eigenschaft background-attachment definiert, ob das Hintergrundbild mitsrollt oder absolut stehenbleibt, auch wenn der Inhalt gescrollt wird.

  background-color




  Diese Eigenschaft setzt die Hintergrundfarbe eines Elements.

  background-image




  Setzt ein Hintergrundbild hinter das Element. Wenn das Hintergrundbild fehlt, wird die Hintergrundfarbe gesetzt, weshalb empfohlen wird, eine Hintergrundfarbe gleich mitzudefinieren.

  background-position




  Die Eigenschaft background-position definiert eine absolute Position oder eine Ausrichtung zum Element.

  background-repeat




  background-repeat definiert, ob das Hintergrundbild nicht gekachelt wird.

wird unterstützt
wird größtenteils unterstützt
wird teilweise unterstützt
wird nicht unterstützt
a keine direkte Funktion
a gefährlich



  Links



Kommentierte Links:

Bewertung: 7 argh.net: Ein eigenwilliger Hintergrund
Daß Hintergründe nicht immer die Lesbarkeit unterstützen und manchmal sogar mit Absicht zeigt diese Seite....

Unkommentierte Links:

Bewertung: blooberry.com: About Color/Background Properties
Bewertung: ideenreich.com: Buttons mit Bild
Bewertung: htmlhelp.com: Color and Background Properties
Bewertung: w3.org: CSS1 #Color and background properties
Bewertung: w3.org: CSS2: Colors and Backgrounds
Bewertung: netzwelt.com: Hintergrundfarben und -bilder
Bewertung: ideenreich.com: Runde Tabellen
Bewertung: drweb.de: Trickkiste: Hintergrundbilder positionieren

Link empfehlen



 forward


(München, 2000-09-15 00:00:00 / )
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:42:01 GMT 2
© Werner Diwischek