Autor Zpráva
ajk
Profil *
Mám 2 DIVy v jednom DIVu a jeden z nich má nastaveno FLOAT:RIGHT; ale když je tam delší text tak to přesahuje okraje toho vnějšího divu. Co bych měl ještě nastavit aby vše bylo v tom vnějším divu a nic nevyčnívalo. Nastavit Height u toho vnějšího DIVu nepůjde, protože výšku toho který má nastaveno float neznám.

<style type="text/css">
<!--
.red{
background-color: red;
padding: 10px 10px 10px 10px;
}
.green{
background-color: green;
float: right;
}
.blue{
background-color: blue;
}
//-->
</style>

<div class="red">
<div class="green">
sss<br />
sss<br />
sss<br />
</div>
<div class="blue">
aaa
</div>
</div>
Plaváček
Profil
<style type="text/css">
<!--
.red{
background-color: red;
padding: 10px 10px 10px 10px;
}
.green{
background-color: green;
float: right;
}
.blue{
background-color: blue;
}

.end {
clear:both;
line-height: 1px;
font-size: 1px;
height: 1px;
}

//-->
</style>

<div class="red">
<div class="green">
sss<br />
sss<br />
sss<br />
</div>
<div class="blue">
aaa
</div>
<div class="end">&nbsp;</div>
</div>

Třeba. Prostě ukončit obtékání prvkem, který má nastaveno clear:both .
ajk
Profil *
diky :)
ale uz jsem na to taky prisel ale trosku jinak pres overflow v tom vnesim divu

.red{
background-color: red;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
peta
Profil *
ajk: padding: 10px 10px 10px 10px; by bylo fajn napsat jako padding:10px;

A dej si poradit o Plavacka, bez CLEAR vubec nefloatuj, to se pak spatne zobrazuje v mnoha prohlizecich.

A dej si poradit ode mne, bez display:INLINE-BLOCK nefloatuj vubec, protoze ti IE zacne ztracet pismenka.

Budes se jeste divit, kdyz mas spatne napsane float... To budou zazraky IE :)
Radek Hrabůvka
Profil *
Peto, díky, už vím, proč mi takhle někdy blbnul IE, "a bál jsem se zeptat".
ajk
Profil *
tak dobre, diky za rady.
jen se jeste chci zeptat: co zpusobi ten display:INLINE-BLOCK a do kteryho divu by se to melo pridat?
Toto téma je uzamčeno. Odpověď nelze zaslat.

0