webForumDet fria alternativet

två divar

2 svar · 473 visningar · startad av smileenergy

smileenergyMedlem sedan jan. 200781 inlägg
#1

Hej!
hur gör jag får att få två divar med olika mycket text att bli lika höga?
t.ex.
div1 div2
ddadhk dsadad
gagaga dadagasg
gasgasgsa fafasfas
gasgags fafasfasfa
agsaga
gagasgas

som det är nu slutar båda efter sista ordet, detta ser fult ut och något som jag skulle vilja lösa, jag antar att man måste använda sig utan en div som omsluter allt på något sätt men i den kan jag tyvärr inte sätta bakgrundsfärgen då jag vill att div1 och div2 ska ha olika bg färger, t.ex. div 1 röd och div 2 blå.. divarna ska alltså vara lika stora och anpassa sig efter hur mycket som står i var och en, alltså inga fasta storlekar...

kaxigtMedlem sedan okt. 2004636 inlägg
#2

Om du vill att två divar ska lika höga ut i två olika färger ska du använda faux columns, det vill säga göra en bakgrundsbild som repeteras i y-led. Enklast är det om dina divar ligger i en container med fixed width och att du gör divarna transparenta medan bakgrundsbilden repeteras i containern. Eller så använder du dynamiska mått - liquid. Läs gärna mer om detta i länkarna härunder.

http://alistapart.com/articles/fauxcolumns/

http://www.456bereastreet.com/archive/200412/creating_liquid_faux_columns/

http://www.communitymx.com/content/article.cfm?cid=AFC58

mvh/Lena

smileenergyMedlem sedan jan. 200781 inlägg
#3

behöver jag även göra detta om jag bara vill att mina borders ska vara lika långa?
samma princip som ovan men med samma bakgrundsfärg dock med borders som skiljer av kolumnerna
på sidan du skickade :
http://alistapart.com/
så använder ju han sig utav divar och border på sidorna och fått det att fungera...

129 ms totalt · 3 externa anrop · v20260731065814-full.3ab8d573
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)