Hintergrundbild

[analogbernd]

Hallo,

ich bastel grad an einer Box, die zur Gestaltung eine Kopfgrafik enthalten soll.

Leider scheine ich etwas falsch gemacht zu haben, nur finde ich den Fehler nicht. Die Grafiken werden angezeigt, jedoch nur die beiden außen. Die mittlere zeigt sich einfach nicht, obwohl auch vorhanden. Ich hoffe hier kann mir jemand "die Augen öffnen" ;)

Ich danke schonmal im Voraus.

Hier der Code:

<style type="text/css">
#box{
 width:280px;
 height:180px;
 background-color:#00ff00;
}
#headleft{
 width:7px;
 height:31px;
 background-image: url('headbg_left.gif');
 background-repeat: no-repeat;
 float:left;
}
#headright{
 width:7px;
 height:31px;
 background-image: url('headbg_right.gif');
 background-repeat: no-repeat;
 float:right;
}
#headcenter{
 width:250px;
 height:31px;
 background-image: url('headbg_center.gif');
 background-repeat: no-repeat;
 float:left;
}

</style>

Und hier der Body-Teil:

<div id="box">
<div id="headleft"></div>
<div id="headcenter" style="padding:5px;">Beschriftung</div>
<div id="headright"></div>

</div>

[analogbernd]

Hab die Lösung selbst gefunden ;)

es lag am

#headcenter{
 width:250px;
 height:31px;
 background-image: url('headbg_center.gif');
 -->background-repeat: no-repeat;<--
 float:left;
}

Natürlich muss es ein

background-repeat: -x;

sein. Trotzdem Danke fürs lesen ;)

MfG

Hallo,

ich bastel grad an einer Box, die zur Gestaltung eine Kopfgrafik enthalten soll.

Leider scheine ich etwas falsch gemacht zu haben, nur finde ich den Fehler nicht. Die Grafiken werden angezeigt, jedoch nur die beiden außen. Die mittlere zeigt sich einfach nicht, obwohl auch vorhanden. Ich hoffe hier kann mir jemand "die Augen öffnen" ;)

Ich danke schonmal im Voraus.