|
|||
Hintergrundbild für H2
Ich möchte einer H2 eine Schmuckgrafik-Linie zuweisen und habe dafür den folgenden Code genutzt. Im Firefox wird sie schön angezeigt, im IE6 nicht. Hat jemand eine Idee weshalb das so ist?
Code:
h2 { color: #506276; background: url(../img/unterlinie.gif) #ecece4 no-repeat left bottom; margin: 1em 0 0.8em 0; padding: 3px 0px 10px 0px; font: bold 110% 'Trebuchet MS', Arial, Helvetica, sans-serif; } |
Sponsored Links |
|
||||
Möglicherweise liegt es an der Reihenfolge der Werte der background-Eigenschaft.
|
|
||||
Nimm mal zum Test alle Angaben raus und schreib nur das:
Code:
h2 { color: #506276; background: url(/img/unterlinie.gif); }
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Zitat:
Kann es sein dass der IE einfach keine Bilder bei Überschriften anzeigen kann? |
|
|||
Zitat:
|
|
||||
Ja, ist klar das es dann gekachelt mittem im Text dargestellt wird.
Ich wollte sehen, ob der IE es überhaupt anzeigt - aber er tut es anscheinend nicht, was ich ehrlich gesagt nicht wirklich verstehe. Bei meinem Tanzportal www.tanzeninberlin.de habe ich mehreren H1 / H2 Elementen Hintergrundbilder verpasst, und der IE zeigt es ohne Mucken an. Wenn der IE es partout nicht im H2 anzeigen will, pack es nur zum Test noch in ein span, sprich: <h2><span class="linie">Blablabla</span></h2> Keine schöne Lösung, funktioniert aber vielleicht ...
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
|
|||
Hm, klar könnte man das so machen, aber wie du schon sagst: Es müsste eigentlich funktionieren. Das bedeutet imho, dass ich da anscheinend irgendwie einen IE-Bug ausgelöst habe. Anstatt dann eine unsaubere Variante zu suchen, würde ich natürlich gerne herausfinden wo der Bug ausgelöst wird und das in Zukunft vermeiden.
Ich werde mal weiter googeln und schaun ob ich was herausfinde. Falls euch zufällig ein Hinweis auf diesen Bug(?) über den Weg läuft, bin ich für eure Tipps dankbar Ich hab jetzt mal die ganzen Background-Angaben wieder aufgeteilt, damit ich zumindest sicher gehen kann, dass es nicht an der Reihenfolge liegt. Dann teste ich mal schön weiter Code:
h2 { color: #506276; background-image: url(../img/unterlinie.gif); background-repeat: no-repeat; background-position: bottom left; margin: 1em 0 0.8em 0; padding: 3px 0px 10px 0px; font: bold 110% 'Trebuchet MS', Arial, Helvetica, sans-serif; } |
Sponsored Links |
|
||||
Es liegt am »position: relative;« für »#container«. Sobald man das rausnimmt, kommt das Bild. Ich entsinne mich dumpf, daß positionierte Elemente im IE immer die Hintergrundeigenschaften beeinflussen, habe jetzt aber nicht die genauen Regeln im Kopf (so es überhaupt welche gibt). Hat irgendwas mit dem ominösen »hasLayout« zu tun…
Da du die Positionierung ohnehin nicht brauchst, dürfte das kein Verlust sein. Gruß Thomas
__________________
toscho.de |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrundbild fixieren | Cueball | CSS | 3 | 08.01.2013 18:38 |
[Hilfe] Hintergrundbild scrollen | Ximena | CSS | 10 | 28.06.2012 13:58 |
Fehlendes(?) oder falsch positioniertes Hintergrundbild in IE6 und IE7 | shredder01 | CSS | 4 | 28.11.2009 20:38 |
Repeat-y - Hintergrundbild nur nach unten wiederholen lassen | *pi | CSS | 2 | 29.08.2008 13:42 |
Hintergrundbild fixieren in TEXTAREA - wie am besten? | Boris | CSS | 2 | 06.07.2008 16:34 |