CSS: Två div'ar bredvid varandra

3 svar · 962 visningar · startad av mmmMange 20 jan. 2005

mmmMangeMedlem sedan jan. 2005110 inlägg

Frågan20 jan. 2005 01:18#1

Hej!

Jag har ett litet problem med CSS. Jag har ett stort <div>-element. Inuti detta har jag två <div>-element som ska ligga bredvid varandra.

Grejen är att om jag använder mig av float på de två inre div'arna, så resizas inte den omslutande div'en på höjden. Jag vill alltså att höjden på den yttre, omslutande div'en, skall bestämmas av höjden på de två inre div'arna (den som är högst av de två alltså).

Använder jag mig inte av float, så hamnar de inre div'arna under varandra, och inte bredvid.

Hur göra?

Bild
http://fjorton.kicks-ass.net/image1.jpg

OkkidoMedlem sedan maj 20007 492 inlägg

20 jan. 2005 01:23#2

Lägg till en div efter den högra kolumnen <div style="clear: both;"></div>

PalleMedlem sedan apr. 20003 174 inlägg

20 jan. 2005 08:18#3

...eller så placerar du detta innan du avslutar den omslutande div´en:

[red]<br style="clear: both;" />[/red]

..vilket fungerar lika bra. :)

CheguelinMedlem sedan juli 2003303 inlägg

20 jan. 2005 15:05#4

Jag brukar köra förjande:

div.container {
  width: 100%;
}

div.container, div.container div {
  float: left;
}

div.container div {
  width: 50%;
}

<div class="container">
  <div></div>
  <div></div>
</div>

Nackdelen är i såfall att man inte kan centrera en <div class="container">.