I början av Januari 2014 låstes Whoa och du kan alltså ej logga in eller skriva något nytt i forumen. Innehåll i forum osv kommer finnas tillgängligt. Läs Mer »

CSS: DIV med 100% av tillgänglig höjd

Hobby & Fritid - Datorer & Teknik

   

2006-05-15 18:19

CSS: DIV med 100% av tillgänglig höjd

Jag ska försöka förklara: Jag har fyra DIVar: Navigation, Höger, Vänster och Sidfot. Höger och vänster ska ligga brevid varandra. Både höger och vänster kommer att ha varierande höjd på innehållet, och jag vill att båda ska vara lika höga oavsett hur mycket som ligger i varje div.

Grundkoden ser ut ungefär så här:

<div style="width:300px; background-color:#CCFFFF;">
Navigation
</div>
<div style="width:100px; background-color:#003399;float:left;&quo t;>
Höger
</div>
<div style="width:200px; background-color:#6699FF;float:left;&quo t;>
Vänster
</div>
<div style="width:300px; background-color:#000033;clear:both;&quo t;>
Sidfot
</div>

Jag skulle alltså vilja att båda Höger och Vänster fyller ut ända ner till Sidfot-DIVen, oavsett vilken av dem som är längst för tillfället. Hur gör jag?

 

2006-05-15 18:19
quot-grejjerna lade WHOA till, de ska inte vara där, om någon nu trodde det.
 

2006-05-15 18:25
hej

2006-05-15 19:30
du kanske kan lägga allt i en egen div så kan dom du villsätta höjd på vara 100%?
Denna användare har skrivit alla inlägg där användaren har tagits bort från whoa.

2006-05-15 20:11
GAIA

?


nhoj

Men då måste jag sätta en höjd på den, och den vet jag inte på förhand. Alltså, det ska vara som om man gjorde en TABLE så här:

<table width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2">Navigation</ td>
</tr>
<tr>
<td>Vänster</td>
<td>Höger</td>
</tr>
<tr>
<td colspan="2">Sidfot</td&g t;
</tr>
</table>

Och det ska ju inte vara något konstigt, väl?
 

2006-05-15 20:35
sätt allt 100 % då? går inte det
Denna användare har skrivit alla inlägg där användaren har tagits bort från whoa.

2006-05-16 09:01
Alltså, jag vill att det ska vara som på den här sidan:

www.autisticcuckoo.net
 

2006-05-16 12:29
vad är det för speciellt med den?
Denna användare har skrivit alla inlägg där användaren har tagits bort från whoa.

2006-05-16 23:50
Eksem
Gör en div som innehåller dom divarna du har i nuläget, sen gör du en bakgrundsbild som innehåller höger- och vänsterkolumnen, med rätt bredder. Då är alltid bakgrunden lika hög som den högsta diven+margin, och det ser ut som att divarna går hela vägen trots att dom inte gör det.

Läs mer här:
http://www.alistapart.com/articles/fauxc olumns/ (kan ej länka pga. safari)
this is for my niggas and my nymphos, non stop bangin like a dilla instrumental