homplom: 3 elemente horizontal

Beitrag lesen

Om nah hoo pez nyeetz, homplom!

ganz zum schluss sollen eigentlich auch noch zwei bilder in den linken und den rechten rahmen rein (deswegen wäre die variante mit dem seperaten divs vieleicht auch praktischer), aber das, so hoffe ich, kriege ich dann selbst gebacken.

Dafür bietet sich dann an, zwei Hintergrundbilder für die Überschrift zu verwenden und keinen Rahmen. Wobei es ohne zusätzliche Elemente relativ schwierig ist, dafür zu sorgen, dass der graue Hintergrund immer bis an den Text heran reicht. Mein erster Vorschlag:

<h1><span>Überschrift</span></h1>

h1 {text-align:          center;
    background-color:    white;
    background-image:    url(Bild1), url(Bild2);
    background-position: left center, right center;}

Du verwendest also mehrere Hintergrundbilder und nimmst in Kauf, dass die Seite in älteren Browsern nicht exakt wie gewünscht aussieht. Für eine private Seite soll man sich das durchaus leisten.

Matthias

ist leider nicht für eine private homepage, deswegen währs mir relativ wichtig das es auch in etwas älteren browsern noch ordentlich dargestellt wird.

ich kann leider nicht nachvollziehen warum firefox das div links neben der headline um einen pixel nach oben versetzt und das auf der rechten seite gleich auf liegt. liegt der fehler an mir oder ist das ein browser seitiger bug?

ich hab das mal im bildbearbeitungs programm so zusammen geschustert wie ichs auch gern im browser hätte:

http://www.funpic.de/foto/487812

und hier nochmal wie es im firefox angezeigt wird:

http://www.funpic.de/foto/487772

tut mir leid wegen der umständlichen links, aber das mit dem bild einfügen funktioniert nicht so recht, liegt vieleicht am hoster.

die großen grauen flächen neben der schrift wollte ich per background farbe simulieren und nur die beiden enden ganz links und rechts mit bildern ergänzen um die bild dateien möglichst klein zu halten. bringt das überhaupt etwas oder denke ich da zu umständlich?