3 Divs nebeneinander mit dynamischer Breite

[Der Martin]

Hallo,

HTML:
<h1><span>Überschrift</span></h1>

CSS:

h1 { background: #FFFFFF url(ornament.gif) repeat-x 0 50%; }

h1 span { background: #FFFFFF; }

  

> Ah, danke für die Antwort. Das Ganze klappt aber nur solange der Hintergrund, auf dem sich h1 und span befinden, einfarbig ist.  
  
wie kommst du darauf? Das h1-Element geht, solange man nichts dagegen unternimmt, über die ganze verfügbare Breite und stellt den Hintergrund zur Verfügung. Und das span-Element ist nur so breit ist wie sein Inhalt und überdeckt den h1-Hintergrund mit seiner eigenen Hintergrundfarbe (oder seinem Hintergrundbild). Eventuell möchtest du dem h1-Element noch text-align:center geben, damit sein Inline-Inhalt, also das span-Element, in der Mitte sitzt.  
  

> In meinem Fall ist es aber eine Textur.  
  
Ja und?  
  

> Gibts dafür vll. auch Lösungen?  
  
Ja, wie von LX vorgeschlagen.  
  
Ciao,  
 Martin  

-- 
Wer keiner Fliege etwas zuleide tut, darf sich nicht über die Maden im Fleisch wundern.  
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(