Dva divy vedle sebe levy bez velikosti – CSS – Fórum – Programujte.com

Dobrý den,

potřeboval bych dostat dva divy vedle sebe a potřebuju aby pravý měl width: 150px; a ten druhý aby vyplnil zbytek.

Za odpovědi děkuju.

Pravý div:

float: right; width: 150px;

width: 100% (nebo podle jeho parenta);padding-right: 150px;

div.chatting{
width: 100%;
padding-right: 150px;

}

div.userpanel{
float: right;
width: 150px;
}

<div class="chatting">mm</div>
<div class="userpanel">ll</div>

mám to takhle a nejde, ten levej je přes celou stánku a ten pravej je pod ním v pravo

<div class="chatting">

	<div class="userpanel">ll</div>

mm

</div>  

nojo, ale teď bude ten druhej v tom prvním, to bude překrývat ne ?

Proto má ten první padding-right: 150px;, aby ten obsah nelezl pod pevně široký pravý sloupec. Ten padding by měl být samozřejmě ještě o něco větší, aby to nelezlo až k okraji toho pravého sloupce, ale to už je na tobě...

nojo, ale když tam dám ten padding tak mi ten první vyskočí za okraj prohlížeče

Umaž mu width: 100% a dej mu pevnou šířku (sníženou o ten padding, takže, pokud má být ten "levý" div široký např. 600px, tak mu uber 150: 600-150 = 450px;

NO mě to udělalo že vůbec nejsou vedle sebe ale někde na opačných stranách

#obsah {background: #3914AF; border: 5px solid #34D0BA; width: 375px; float: right;}
  #obsah2 {background: #3914AF; border: 5px solid #34D0BA; width: 375px; float: left;}

#1 Lukasas
Mně to takhle funguje:

div.chatting{
width: 100%;
padding-right: 150px;
border: solid 1px red;

}

div.userpanel{
float: right;
width: 150px;
border: solid 1px blue;
}



<div class="userpanel">ll</div> 
<div class="chatting">mm</div>