Hallo Forum,
ich habe ein 1024px breites HTML Layout, welches mittig zentriert ist. Das Hintergrundbild soll eine genau bestimmte Position haben - das Problem dabei ist, dass es ca. 100px nach Links aus der Mitte herausragt. Ich habe probiert, dass Hintergrundbild in den body zu fixieren, also
|
Source code
|
1
2
3
4
5
6
|
body {
background-image:url(../img/bg_logo.png);
background-repeat:no-repeat;
background-position:-10px 170px;
background-attachment:fixed;
}
|
Der zugehörige HTML Code Ausschnitt (so ungefähr):
|
Source code
|
1
2
3
|
<body>
<div id="wrapper" style="width:1024px; margin-left:auto; margin-right:auto">Lorem Ipsum</div>
</body>
|
Das Problem ist, dass das Hintergrundbild relativ zum mittigen DIV-Wrapper plaziert werden muss. Das geht aber nicht, da es dann nach links abgeschnitten wird, weil es ca. 100px größer ist, als der mittige DIV-Wrapper. Ich kann auch nicht das Stück vom Hintergrundbild, dass fehlt, irgendwo in das Body-Tag einsetzen, weil es sich dann nicht mehr mit dem DIV-Wrapper mit verschiebt.
Gibt es dafür überhaupt eine Lösung? Außer, dass ich den Mittigen Wrapper um 100px nach links vergrößern muss, aber dadurch einen 1224px DIV Wrapper habe, was ich aber vermeiden möchte?
Danke schonmal.