|
|||
div Hintergrund wird im IE durch Hintergrund des unteren divs überlagert
Problem: Ich möchte, dass hinter einer Überschrift noch ein Balken bis zum Ende des Bereichs gezeigt wird. Dazu hatte ich mir gedacht: h1 bekommt einen anderen Hintergrund, als ein h1text, h1text dann in den h1. (siehe code) Das funktioniert auch super, außer im IE (6 und 7 konnte ich testen):
HTML-Code:
<html> <head> <style type="text/css"> html { background-color: red; } h1 { background-color: orange; } h1text { background-color: blue; } </style> </head> <body> <h1> <h1text> Überschrift </h1text> </h1> </div> </div> </body> </html> |
Sponsored Links |
|
|||
In HTML existiert kein Element namens h1text. Außerdem gib statt html lieber dem body einen Hintergrund.
Versuch es mal so: HTML-Code:
<html> <head> <style type="text/css"> body { background-color: red; } h1 { background-color: orange; } h1 span { background-color: blue; } </style> </head> <body> <h1> <span> Überschrift </span> </h1> </body> </html> |
Sponsored Links |
|
|||
hm, schon irgendwie peinlich, wie einfach das jetzt war. Danke soweit schon mal! dem html hatte ich nur zu Anschauungszwecken einen Hintergrund verpasst.
Wenn irgendjemand Lust und Zeit hat fände ich es nett, wenn er mir noch kurz erklären kann, was sich hinter der Zeile verbirgt: HTML-Code:
h1 span {background-color: blue;} Und, da ich hier neu bin, kann ich das Thema dann irgendwie schließen? Danke noch mal |
|
|||
span ist wie h1 ein HTMl-Element. Während das h1 aber eine inhaltliche Bedeutung hat (Überschrift erster Ordnung) ist das span, ähnlich wie ein div, ohne festgelegte Bedeutung.
Genauer kannst du das z.B. bei selfHTML nachlesen. Die Notation "h1 span {...}" heißt dann: "jedes span-Element, das sich innerhalb eines h1 befindet". |
|
|||
Also ich glaube dir könnte diese Seite weiterhelfen. Ansonsten findest du im Web jede Menge Tutorials über css.
Einfach mal bei google "css tutorial" eingeben. Das hilft dir sicher weiter. Des weiteren Elementreferenz span . |
|
|||
danke noch mal: Ist ja nicht so, dass ich das einen oder andere CSS-Tutorial nicht auch durchgearbeitet hätte, ich kenne auch die Seite CSS4You, die mir auch oft weitergeholfen hat, aber Tutorials helfen konkret bei einem Problem im Zweifel dann eben nicht.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Divs um einen zentrierten Hintergrund | etoile | CSS | 2 | 17.08.2010 00:03 |
Header entfernen | tripple | CSS | 17 | 15.06.2010 16:41 |
div in div an den unteren Rand plazieren | Krischu | CSS | 4 | 29.03.2007 17:26 |
Div passt sich nicht an größe des Background-Image an? | Sombreo | CSS | 13 | 09.07.2004 03:37 |
1 div links, 2 div's untereinander daneben | jensr | CSS | 9 | 01.07.2004 00:41 |