Hallo Leute,
kurze Frage:
ich definiere ein großes Hintergrundbild über:
Stylesheet folgt gleich ;-)
und möchte nun einen "Wrapper" mit min-width: 780px und max-width: 1260px darüberlegen, der mittig zentriert ist und daher für viele Auflösungen geeignet ist.
In diesen Wrapper plane ich dann mehrere Divs zu legen.
Ich schaffe es aber leider nicht, denn es wird mir immer auf "oberster" Ebene das geschummelte Hintergrundbild angezeigt.
Hier mein Versuch:
Hoffe ihr könnt mir helfen und versteht meinen Ansatz
MfG
Wiesl
kurze Frage:
ich definiere ein großes Hintergrundbild über:
Code:
<html>
<head>
<title>Test1</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</head>
<body>
<img id="hintergrund" src="Hintergrundbild.jpg" border="0" alt="Hintergrundbild">
<div id="wrapper">
<div id="header">
<img src="header.jpg" />
</div>
</div>
</body>
</html>Stylesheet folgt gleich ;-)
und möchte nun einen "Wrapper" mit min-width: 780px und max-width: 1260px darüberlegen, der mittig zentriert ist und daher für viele Auflösungen geeignet ist.
In diesen Wrapper plane ich dann mehrere Divs zu legen.
Ich schaffe es aber leider nicht, denn es wird mir immer auf "oberster" Ebene das geschummelte Hintergrundbild angezeigt.
Hier mein Versuch:
Code:
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
#wrapper {
background: yellow;
min-width: 780px;
max-width: 1260px;
margin: 10px auto;
border: 2px solid black;
overflow: auto;
z-index:2;
}Hoffe ihr könnt mir helfen und versteht meinen Ansatz
MfG
Wiesl
