nicht angemeldet
Hallo,
ich bin bei meiner 1. Internetseite und finde keine Lösung für folgendes Problem: Der weiße Layoutrahmen klebt (wenn mit Inhalt gefüllt) immer am unteren Browserfensterrand. Ohne Abstand. Ich möchte, dass er unten genauso Abstand hält wie oben. Mit margin-bottom komme ich nicht weiter. Die Pixel-Angaben werden ignoriert. Nehme ich nur Bottom, habe ich ca. 2 Handbreit Rand, obwohl ich 15px angegeben habe. Ich weiß nicht weiter.
Hier der Code:
#layoutrahmen {
border: 8px solid white;
left: 50%;
MARGIN-LEFT: -430px;
WIDTH: 857px;
POSITION: absolute;
Top: 15px;
}
body {
background-color: grey;
}
---------------------------------
<head>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="layoutrahmen">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
-------------------------------------
Die Absätze sind natürlich nur da, um zu erreichen, dass der Layoutrahmen unter das Browserfenster rutscht :-)
Wenn man dann nach unten scrollt, klebt der weiße Rahmen immer unten am Browserfensterrand. :-(
Warum bringt margin-bottom nicht den gewünschten Abstand?
Kann mir vielleicht jemand helfen?
Vielen Dank schon mal.
Elke