nicht angemeldet
Gernot BackHallo jghj,
bottom soll aber immer unter content liegen und nicht mittendrin. Also habe ich position: relative angegeben.
Das führt auf Abwege. Ich habe will mir jetzt auch angewöhnen, Position immer erst als letzten Rettungsanker zu benutzen, wenn alle anderen Künste mit margin, padding, (min-/max-)height, (min-/max-)width, display, float, clear versagen.
Jetzt habe ich bei content min-height: 450; angegeben. Also macht er mir "bottom" bei den 450 pixel, egal ob sich der Content vergrößert hat oder nicht. Also wenn der Content durch text sagen wir auf 550 pixel vergrößert wurde, hängt bottom immernoch bei 450. also mitten im "Content" und das will ich nicht so haben ;-)
ich hoffe ihr konntet mich jetzt verstehen ;)
Wie das schwer zu beschreibende Problem mit viel Content bei dir aussah, kann man sich vorstellen, wenn man bei der folgenden Lösung den Star-HTML-Hack für den IE weglässt und stattdessen die dortige Height-Angabe mit in die übrigen Definitionen für #content schreibt.
<!doctype html public "-//W3C//DTD HTML 4.0 //EN">
<html>
<head>
<title>minheight</title>
<meta name="author" content="Gernot Back">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
[code lang=css]
html, body {
height:100%;
width:100%;
margin:0;
padding:0;
}
#top, #bottom {
height:100px;
background:#FFFFEE;
}
#content {
min-height:450px;
background:#DDEEFF;
}
* html #content {
height:450px;
}
</style>
</head>
<body>
<div id="top">Top</div>
<div id="content">Ganz viel oder wenig Content.</div>
<div id="bottom">Bottom</div>
</body>
</html>
[/code]
Gruß Gernot