nicht angemeldet
Moin
mir scheint wir reden aneinander vorbei.
kleines Beispiel. Nehmen wir an dein Body ist grün, der TOP-DIV ist gold und wie du verlangst 50 px hoch, der Footer-DIV ist schwarz und dein Content-DIV soll blau werden und den Rest einnehmen.
dann gehst du es folgendermaßen an:
CSS:
body
{
background-color:green;
text-align:center;
padding:0px;
margin:0px
}
#container
{
height:100%;
position:relative;
width:200px;
margin:auto;
text-align:left;
background-color:blue
margin-bottom:50px;
}
#top
{
height:50px;
background-color:gold
}
#footer
{
position:absolute;
height:50px;
color:white;
bottom:0px;
left:0px;
background-color:black;
width:100%;
}
HTML:
<body>
<div id="container">
<div id="top">
Der Top-DIV
</div>
<div id="content">
Der Content-DIV
</DIV>
<DIV id="footer">
der Footer
</DIV>
</div>
</body>
So nun schau dir das Ergebnis an. Es scheint nun als ob der Content-DIV den restlichen freien Platz einnimmt und sich je nach Platzverhältnis erstreckt...
Wenn dies nicht deinen Vorstellungen entsprechen sollte habe ich dich komplett falsch verstanden.
Gruß Bobby
-> Für jedes Problem gibt es eine Lösung, die einfach, sauber und falsch ist! <-
-> Nicht das Problem macht die Schwierigkeiten, sondern unsere Sichtweise! <-
ie:{ br:> fl:{ va:} ls:< fo:) rl:( n4:( de:> ss:) ch:? js:( mo:} sh:) zu:)