• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

background-position Fehler

Momchilo

Neues Mitglied
Hallo,
ich versuche mich grad in html mit css.
Nun versuche ich ein banales Banner einzubauen.
css:
PHP:
#banner{
background: url(images/banner.png) repeat-x;
background-position: center;
width: 90%;
height: 130px;
}

html:
PHP:
<div id="banner"</div>
Funktioniert alles soweit einwandfrei. Aber egal welchen Wert ich für background-position nehme, es sieht immer gleich aus. Also es fängt ganz links an und endet 10% vorm rechten Ende, obwohl es zentriert sein müsste. Wenn ich 100px 100px für center einsetze, ändert sich das Banner ebenfalls nicht (oder jeden anderen beliebigen Wert).
Bin über jede Hilfe dankbar.

Gruß
Momchilo
 
Falsch.
HTML:
<div id="banner"</div>
Richtig.
HTML:
<div id="banner"></div>
Wenn du deinen <div> zentrieren möchtest, dann
HTML:
#banner
{ 
background: url(images/banner.png) repeat-x; 
background-position: center; 
width: 90%; 
height: 130px; 
/* Abstand zum linken Rand in % oder px angeben, je nach der Auflösung */
margin-left: 5%; 
}
oder
HTML:
#banner
{
background: url(images/banner.png);
background-position: right;
width: 90%;
height: 130px;
position:absolute; left:50px;
}
 
Zuletzt bearbeitet:
Zurück
Oben