Autor Zpráva
toutatis
Profil *
#1 · Zasláno: 21. 7. 2006, 03:22:42
Odpovědět Citovat
Potřeboval bych poradit jak pomocí floatu udělám tři sloupce stejně dlouhé stejně široké. Mě se ukazují pod sebou a nejsem schopný je narvat vedle sebe.
nothrem
Profil
#2 · Zasláno: 21. 7. 2006, 07:41:03
Odpovědět Citovat
No, teoreticky by mělo stačit 
  <style type="text/css">

  <!--

    div.sloupec {float:left; width:250px;height:600px; padding:1em;}

    div.a {...}

    div.b {...}

    div.c {...}

  //-->

  </style>

...

<div class="sloupec a">

...

</div>

<div class="sloupec b">

...

</div>

<div class="sloupec c">

...

</div>


Ale záleží na doctypu, který použiješ (pokud vůbec) a jak ho zapíšeš. Třeba transitional (zkoušel sem to v opeře) zapsaný jako 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

zachová stejnou délku sloupců i za cenu vytečení textu ven, zatímco ("ten samý") transitional zapsaný jen 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

způsobí prodloužení sloupců, pokud se do nich text nevejde.

Druhý problém občas bývá, že při určitém (složitějším) rozložení dokumentu se prostě floatované bloky rozhodnout, že se nebudou obtékat navzájem a pak skákají pod sebe. Na to je jediné řešení: zkoušet rozložení měnit tak, aby se bloky začaly obtékat (přidat/ubrat nějaké divy, spany, floaty apod.; střídat float:left/right a clear: left/right/none; případně zkusit přívlastek !important) 
div.sloupec {float:left; clear:none !important;} /* i kdyby někdo s vyšší prioritou nastavil clear, tak tady nebude! */
jozob
Profil
#3 · Zasláno: 21. 7. 2006, 07:59:34 · Upravil/a: jozob
Odpovědět Citovat
toutatis
Mě se ukazují pod sebou a nejsem schopný je narvat vedle sebe.
Hoď sem odkaz alebo kód.
peta
Profil *
#4 · Zasláno: 22. 7. 2006, 23:01:45
Odpovědět Citovat
nothrem
Ja, ale prakticky je nutne si pohlidat width nadrazeneho prvku a pohlidat si tabulky a obrazky v tech sloupcich. Predevsim v IE je treba nastavit pozicovani, protoze pri preteceni pres okraj to odskoci :)

toutatis
Bez odkazu na stranku je to vesteni z kristalove koule. :)
Časová prodleva: 20 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0