nicht angemeldet
div absolute unten positionieren mit -500px
Hallo,
ich hab ein Problem und zwar möchte ich ein div mit einer höhe von z.b. 500px unten positionieren man soll aber nur die hälfte des divs sehn deshalb hab ich das div absolute positioniert mit bottom: -250px; das klappt aber leider nicht wie es soll(guckt euch das am besten selbst an hab leider kein Server zum hochladen). Bei position: fixed klappt das auf den ersten blick zwar ganz gut allerdings überlappt das div bei kleineren Browser Fenstern den Content.
Ich hoffe ihr könnt mir helfen.
Gruß Johannes
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
p, h1 {
padding-bottom: 10px;
}
#wrapper {
position: relative;
min-height: 100%;
background: #A9A9A9;
}
#content {
padding: 1em 1em 2.5em 1em;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
line-height: 1.5em;
text-align: center;
background: #8B8878;
}
#pad {
position: absolute;
bottom: -250px;
width: 400px;
line-height: 1.5em;
text-align: center;
background-color: #0FC;
height: 500px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="content">
<h1>Unten platzierter Footer</h1>
<p>Der Footer befindet sich am unteren Rand des Wrappers</p>
</div><!--Ende #content-->
<div id="footer">
Footer<div id="pad"></div>
</div><!--Ende #footer-->
</div><!--Ende #wrapper-->
</body>
-
Moin!
Bei position: fixed klappt das auf den ersten blick zwar ganz gut allerdings überlappt das div bei kleineren Browser Fenstern den Content.
Du musst, um Dein Problem zu lösen, nur die Frage neu formulieren. Das was Du bestellst wird auch geliefert. Und das gilt hier eben auch für die "Überlappung".
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix
-
Moin!
Bei position: fixed klappt das auf den ersten blick zwar ganz gut allerdings überlappt das div bei kleineren Browser Fenstern den Content.
Du musst, um Dein Problem zu lösen, nur die Frage neu formulieren. Das was Du bestellst wird auch geliefert. Und das gilt hier eben auch für die "Überlappung".
MFFG (Mit freundlich- friedfertigem Grinsen)
fastix
Mit überlappen meine ich das #pad dann innerhalb von #content angezeigt wird anstatt dadrunter. Gruß johannes
-
Hi,
Bei position: fixed klappt das auf den ersten blick zwar ganz gut allerdings überlappt das div bei kleineren Browser Fenstern den Content.
Du musst, um Dein Problem zu lösen, nur die Frage neu formulieren.
Und dabei ein handelsübliches Mindestmaß an Interpunktion zu verwenden, wäre empfehlenswert.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
-