webForumDet fria alternativet

CSS fråga

8 svar · 389 visningar · startad av pakmannen

pakmannenMedlem sedan dec. 2002226 inlägg
#1

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.

jarvkloMedlem sedan juli 20013 295 inlägg
#2

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.

bossseMedlem sedan juni 2003718 inlägg
#3

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>
bossseMedlem sedan juni 2003718 inlägg
#4

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å!

Gislaved.netMedlem sedan juni 20001 274 inlägg
#5

Det verkar vara exakt samma egenskaper som body-taggen för webforum.nu har.

PalleMedlem sedan apr. 20002 716 inlägg
#6

Test:

<body>

/r1
/r2
/r3 Händer inte så mycket nu..

Web-TorMedlem sedan nov. 200011 794 inlägg
#7

Jag ser inte nåt fel på din body-tagg. :r

jarvkloMedlem sedan juli 20013 295 inlägg
#8

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

pakmannenMedlem sedan dec. 2002226 inlägg
#9

jarvklo: A list apart löste problemet. Bra sida! Tackar.

Genererad på 528 ms · cache AV · v20260730165559-full.f96bc7eb