HTML & CSSur HTML, XHTML & CSS
8 svar · 389 visningar · startad av pakmannen
Hallå,
Okej, så här ligger det till. Jag skulle vilja ha tre divar. En längst upp, en i mitten och en längst ner. Grejen är att den i mitten skall anpassa sin höjd efter hur mycket innehåll det finns..
Så om den översta diven är 100px, och mitten diven är till hälften fylld med text (slutar i mitten på skärmen typ) så skall den ändå fortsätta ner till diven som skall ligga längst ner, som alltså alltid skall ligga längst ner. Ungefär.
Om någon fattade vad jag sa så får ni gärna svara. Tack å hej.
Hmm....
Den där frågan har jag hört förr här på forumet (den är en av de vanligaste CSS-frågorna öht just nu ;) )
Kolla in http://www.webforum.nu/showthread.php?s=&postid=837498#post837498
Får du inte till din layout baserad på det svaret, så har du också http://alistapart.com/articles/footers/ att ta till.
Har gjort ett exempel på hur jag tror du vill ha det!
<html>
<head>
<STYLE type=text/css>
<!--
BODY {background-color:gray; color:yellow;}
div.uppe {width:300px; height:100px;background-color:blue;border: 2px solid black;}
div.nere {width:300px; height:100px;background-color:red; border: 2px solid black;}
-->
</style>
</head>
<body>
<div class=uppe>
</div>
<BR>
<div style="div-layout: fixed; width:300px;">
<div style="overflow:auto; background-color:green; border: 2px solid black;">
Lägg in så mycket innehåll du orkar här,
<BR>
och som du märker så blir denna div
<BR>
bara högre och högre, ju mer du skriver
<br>
Så den flyttar ner den nedre.
<BR
Kanske de egenskaper du efterfrågade.
<BR>
Var det inte så du menade?
<BR>
</div>
<BR>
<div class=nere>
</div>
</body>
</html>
Varför läggs det in extra kod i mitt ovanstående inlägg i forumet? Det ska vara endast <BODY>
Forumet lägger till allt detta i min body-tagg.
<body bgcolor="#C2C287" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#660000" vlink="#660000" alink="#660000">
Jag kan heller inte redigera/ta bort överflödiga attribut i body-taggen.
När jag redigerar och kollar förhandsgranskningen så är all ok! Sedan när man spar ändringen så blir det fel ändå!
Det verkar vara exakt samma egenskaper som body-taggen för webforum.nu har.
Jag ser inte nåt fel på din body-tagg. :r
Hmm...
Jag såg det som bossse rapporterar - och nu har jag sett det förvinna...
Mystiskt på min ära!
Men nu åter till topic tycker jag :bire
jarvklo: A list apart löste problemet. Bra sida! Tackar.
