Thema: Bild zentrieren die 2001te

Hallo liebe Forengemeinde,
ich möchte gerne ein Bild "centrieren", bin aber leider mit dem Befehl "center" nicht weiter gekommen. Vieleicht könnte jemand den Code bearbeiten. Werde diese Erfahrung auch in meinem Gehirn speichern und nie mehr danach fragen. Versprochen

}

div#logo {
position: absolute;
left: 0;
top: 0;
float: left;
width: 421px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
margin-left: 50px;
margin-top: 25px;
}

Freundliche Grüße und vielen Dank

da du so nett fragst:
Deine Angabe sagt, dass du ein logo in der Breite 471 px hast. Soll dieses Logo zentriert werden?
Falls ja, dass musst du in dem umgebenden Block ein "text-align: center;" schreiben.

Am besten hilft ein link oder der Einsatz des Firebug (google danach) das verwenden wir auch.

Ansonsten würde ein Link zur Seite auch helfen.

oder einfach ein
margin: 0 auto;

geben.

<oooops, nein, hab ich völlig übersehen:

position: absolute;
left: 0;
top: 0;
float: left;

nein, das ght nicht gut wenn du was zentrieren willst. Schmeiß das raus - und post einen link

HTML-CODE

Code:

<div id="wrapper">
    <div id="logo"></div>
</div>

CSS-Code

Code:

#wrapper {
width: 100%;
text-align: center;
}
div#logo {
width: 421px;
height: 75px;
background: url(../images/mw_joomla_logo.png) 0 0 no-repeat;
optional: margin: 0 auto;
}

Eine von den beiden grünen Zeilen nutzen, mit text-align funktioniert es auch im IE, mit margin evtl. nicht

Das sollte das Problem beheben...

Zitat von oldlady

<oooops, nein, hab ich völlig übersehen:

position: absolute;
left: 0;
top: 0;
float: left;

nein, das ght nicht gut wenn du was zentrieren willst. Schmeiß das raus - und post einen link

Ist fast in der Mitte

Dieses komische padding hier muss raus:

Code:

template.css (Zeile 73)

div#header_r {
height:90px;
overflow:hidden;
padding-left:370px;
padding-right:30px;
padding-top:25px;
text-align:left;
}

und das grüne hier rein:

Code:

template.css (Zeile 89)

div#logo {
background:url("../images/mw_joomla_logo.png") no-repeat scroll 0 0 transparent;
height:75px;
margin:auto;
width:421px;
}