Autor Zpráva
Jack06
Profil
Dobrý večer. Mám takový menší problém.

Vidět je zde:
http://s2.imgupload.cz/img/122502/ZHQL2/both.JPG

Stránku mám udělanou jako 3 sloupce ( jeden floatovaný vlevo, druhý floatovaný vpravo a třeti je volně mezi nimi bez floatování )

V tom středním mám div a v tom další obsah ( zde je problém => obsah jsou opět floatované divy, které odděluji následujícím divem)

div:
<div class="both"></div>


css:
  .both {
    clear: both;
    height: 1px;
    font-size: 1px;
    border: 0 none;
    margin: 0;  padding: 0;
    background: transparent;
  }


takže obsah středu vypadá pak nějak takto:
<div id="stred">
  <div id="obsah">
    <div class="prvni_floatovany"></div><div class="druhy_floatovany"></div>
    <div class="both"></div>
    <div class="prvni_floatovany"></div><div class="druhy_floatovany"></div>
    <div class="both"></div>
    <div class="prvni_floatovany"></div><div class="druhy_floatovany"></div>
    <div class="both"></div>
    ...
  </div>
</div>


hned ten první div class both mi to zarovná nejen pod :
<div class="prvni_floatovany"></div><div class="druhy_floatovany"></div>


ale uplně pod základní sloupce struktury.

A nevím co s tím, děkuji za rady snad to pochopíte i podle obrázku
Davex
Profil
Po rozplavání bloku #obsah bude clear: both působit pouze v něm.
#obsah {
  float: left;
  width: 100%;
}


Je to stejný problém jako ve vlákně vnořené divy a float.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: