background-image wird nicht zentriert

[MacDan]

Studiosus Zwickau 2011
http://studiosus-zwickau.de/test/css/style.css

Merkwürdigerweise wird das Backgroundimage vom head nicht zentiert.
Aber ich kanns mir auch nicht erklären.

Weis jemand weiter oder hat einen Tip?


regards
denny

 

[Manfred62]

AW: background-image wird nicht zentriert

Sorry, aber das ist ziemlicher Murks...
Grundlagen zum lernen:
Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

Dem #wrapper die Breite geben, und margin: 0 auto

Manfred

 

[MacDan]

AW: background-image wird nicht zentriert

Wieso ist das "ziemlicher Murks"?

margin: 0 auto;
Hat gereicht damit es zentriert wird. Aber Warum es nicht mit background-position geht wie beim Hintergrund oder dem grauen Hauptbereich...

regards
denny

 

[Herr_D]

AW: background-image wird nicht zentriert

Entweder den Head zentrieren

#head  {
        background-image: url(http://studiosus-zwickau.de/test/images/head.png);
        background-repeat: no-repeat;
        background-position:[B] top center;[/B]
        height: 137px;
        width: 600px;
        margin-top: 40px;
        margin:0 auto;
}

oder die Weite rausnehmen

#head  {
        background-image: url(http://studiosus-zwickau.de/test/images/head.png);
        background-repeat: no-repeat;
        background-position: top center;
        height: 137px;
        margin-top: 40px;
}

Na ja und fiftififti passt an dieser Stelle auch nicht...

 

[MacDan]

AW: background-image wird nicht zentriert

mhm das fifitififti hat halt bei den anderen divs gut funktioniert

aber jetzt klappts danke euch

 

[Herr_D]

AW: background-image wird nicht zentriert

mhm das fifitififti hat halt bei den anderen divs gut funktioniert

aber jetzt klappts danke euch

Klappt auch... aber die Logik hinter der position sollte beachtet werden (Finde ich) und dein header soll ja oben sein oder?

 

[fabi29]

AW: background-image wird nicht zentriert

ich würde das hintergrundbild auf der seite ändern, da es bei widescreens mit der auflösung 1920x1080px auf der seite alles weiß ist, keine blauen streifen...ne möglichkeit wär die streifen langsam auszublenden...also von blau zu weiß...