nicht angemeldet
Via CSS eingebundenes Bild wird nicht zentriert.
Hallo,
ich hab ein Problem mit dem Zentrieren eines via CSS ( als background image ) eingebundenen Bildes.
Alle von mir bisher unternommenen Versuche schlugen fehl.
Hier der Code:
* {
text-align: center;
}
#nav{
background: url(../img/nav_bg.png)no-repeat;
height: 48px;
}
Der Rest der Seite wird ganz normal von text align zentriert.
Selbst das zufügen von
background-position: center center;
Brachte nichts.
Google gibt mir auch nichts weiter hilfreiches.
Vielen Dank schon mal für eure Hilfe
xyng / daniel
-
Hallo,
#nav{
background: url(../img/nav_bg.png)no-repeat;
height: 48px;
}no-repeat;
ist dein Problem. Scxhaue mal http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_repeat@title=hier
Lore
-
no-repeat;
ist dein Problem.
Genauer: Keine Leerstelle + no-repeat
-
no-repeat;
ist dein Problem. Scxhaue mal http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_repeat@title=hier
Das ist Unsinn -
no-repeathat nichts damit zu tun ob ein Hintergrundbild zentriert wird oder nicht. Zwar ist hier ein Syntaxfehler vorhanden, dennoch liegt das Problem wo anders.Für die Positionierung des Hintergrundbildes ist
background-positionzuständig, der Initialwert ist 0% 0%.
-
-
Hallo,
ich hab ein Problem mit dem Zentrieren eines via CSS ( als background image ) eingebundenen Bildes.
Alle von mir bisher unternommenen Versuche schlugen fehl.
Hier der Code:- {
text-align: center;
}Sehr dämliche Idee (siehe unten).
background: url(../img/nav_bg.png)no-repeat;
^^
Syntaxfehler.Der Rest der Seite wird ganz normal von text align zentriert.
Dann läuft hier etwas falsch, text-align zentriert nur inline- und inline-block-Elemente, nicht aber block-Elemente oder vergleichbares.
Ursache für dieses Fehlverhalten: Quirksmode.
Selbst das zufügen von
[code lang=css]background-position: center center;> Brachte nichts. Bei fehlerfreiem Code wäre das aber das mittel der wahl - zumindest bei block-Elementen oder anderen Elementen in diesem Kontext. Bei inline-Elementen wirst du damit natürlich wenig Erfolg haben. Ebenso kann es natürlich sein, dass du irgendwelche weiteren Syntaxfehler eingebaut hast, die verhindern dass die background-positon-Regel überhaupt ausgeführt wird.-
Hallo suit,
ich hab die CSS-Datei nochmal neu geschrieben, und jetzt fuknrtioniert es so wie es soll.
Höchstwahrscheinlich habe ich mich irgendwo vertippt.
Vielen Dank an dich und Lore, ihr habt mir wirklich weitergeholfen!MfG
Xyng | Daniel