• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Div Positioniren

coolerj

Neues Mitglied
Hallo,

Ich habe ein Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<link rel="stylesheet" href="all.css" />
</head>
<body>
<div id="header" align="center">
    <img src="logo.jpg" width="1040" height="286" alt="" border="0" />
</div>
<div id="headermenue">
    <div id="bg"  align="center">
        <img src="bg.jpg" width="1040" height="100" alt="" border="0" />
        <div id="page" style="position: absolute; top:0px; left: 0px;">
        hi
        </div>
        <img src="footer.jpg" width="1040" height="237" alt="" border="0" />
    </div>
</div>
</body>
</html>
und all.css
Code:
body{
    background-image: url(bg2.jpg);
}

#header{
    text-align: center;
}

#bg{
    text-align: center;
}

wie kann ich es jetzt schaffen das das div page genau bei 0px links und 0px oben abstand vom div headermenue habe weil wenn ich nur 0px angebe dann ist das Element oben in der Ecke vom body.
 
Der linke und obere Rahmen des Browsers wird immer 4px betragen. Entweder ist es ein Marginfehler, oder eine Relative, sprich Absolute Positionierung.

Entweder:

PHP:
div#page {
margin: 0px;
}

Oder

PHP:
div#page {
position: ralative;
top: 0px;
left: 0px;
}
 
Nein. Diese Box wird nun im Absolutem Div Oben links bündig in die Ecke gesetzt. Relativ wird es an das nächste Element gepappt.
 
Zurück
Oben