1
Hi, bin hier über Google zum Thema zentrierte Positionierung gelandet ^^
Hat auch schon super funktioniert, jedoch noch nicht ganz so, wie gewünscht.
Ich möchte einen Div-Container in der Mitte des Bildschirms platzieren, Weite 900px, Höhe 600px;
Der Container erhält ein Hintergrundbild, das auf Positionierung 50px von unten, und 50px von rechts eine weiße Fläche hat, auf der ich dann gerne den nächsten Container platzieren würde.
So, wie nu ^^
Aktuell sieht meine HTML so aus:
und die CSS so:
aber irgendwie merke ich, daß ich da voll auf dem Holzweg bin...
Wie aber dann?
THX für's Lesen...
Hat auch schon super funktioniert, jedoch noch nicht ganz so, wie gewünscht.
Ich möchte einen Div-Container in der Mitte des Bildschirms platzieren, Weite 900px, Höhe 600px;
Der Container erhält ein Hintergrundbild, das auf Positionierung 50px von unten, und 50px von rechts eine weiße Fläche hat, auf der ich dann gerne den nächsten Container platzieren würde.
So, wie nu ^^
Aktuell sieht meine HTML so aus:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title> </title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="page">
test
<div id="white">
test2
</div>
</div>
</body>
</html>und die CSS so:
body {
background: #0000FF;
}
img {
border: 0;
}
#page {
width: 900px;
height: 600px;
margin: auto;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-position: center;
}
#white {
position: absolute;
overflow: visible;
bottom: 50px;
right: 50px;
width: 640px;
height: 480px;
background: transparent;
}aber irgendwie merke ich, daß ich da voll auf dem Holzweg bin...
Wie aber dann?
THX für's Lesen...