Biergamasda
Erfahrenes Mitglied
Hi Leute
hab mir da was zusammengebaut, und zwar is im div page der Hintergrund (die Seite) eingebunden. darüber lege ich nun meine divs um Bereiche wie den content zu definieren.
Wenn ich jetzt das div (id = content) einfüge, verschiebt sich der ganze Container (div page) nach unten - komischerweise bleibt es oben, wenn es einen Rahmen hat.
Hoffe mir kann da jemand helfen, danke schon im Voraus.
MFG me
PS:
zum ansehen:
mit Rahmen
ohne Rahmen
ohne div
HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Christoph Sitter und Julia Gaggl</title>
<style type="text/css">
body {
background-image: url(./images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
}
div#page {
width: 1024px;
height: 768px;
margin: 0 auto;
background-image: url(images/jg_cs.png);
background-position: top;
}
div#rainBowContainer {
float: left;
width: 244px;
height: 166px;
margin-top: 387px;
margin-left: 126px;
}
div.rainBowBut {
width: 244px;
height: 39px;
margin-top: 5px;
line-height: 39px;
text-align: center;
vertical-align: middle;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
font-size: 20px;
}
div#content {
width: 415px;
height: 302px;
margin-left: 422px;
margin-top: 219px;
background-color: green;
}
</style>
</head>
<body>
<div id="page">
<div id="rainBowContainer">
<div class="rainBowBut" id="rainBowBut0">Christoph</div>
<div class="rainBowBut" id="rainBowBut1">Julia</div>
<div class="rainBowBut" id="rainBowBut2">Familie Sitter</div>
<div class="rainBowBut" id="rainBowBut3">Familie Gaggl</div>
</div>
<div id="content">
Das ist der Content Bereich
</div>
</div>
</body>
</html>hab mir da was zusammengebaut, und zwar is im div page der Hintergrund (die Seite) eingebunden. darüber lege ich nun meine divs um Bereiche wie den content zu definieren.
Wenn ich jetzt das div (id = content) einfüge, verschiebt sich der ganze Container (div page) nach unten - komischerweise bleibt es oben, wenn es einen Rahmen hat.
Hoffe mir kann da jemand helfen, danke schon im Voraus.
MFG me
PS:
zum ansehen:
mit Rahmen
ohne Rahmen
ohne div
- entwickle immer erst im mozilla und bessere zum Schluss die Fehler aus
