CSS vlastnost clear urΦuje Φekßnφ na ukonΦenφ obtΘkan²ch prvk∙.
| hodnoty | Φekßnφ na ukonΦenφ plovoucφch prvk∙ |
|---|---|
| none | na plovoucφ prvky se neΦekß |
| both | prvek se vykreslφ a╛ pod v╣emi plovoucφmi prvky |
| left | prvek Φekß na obtΘkanΘ elementy p°ira╛enΘ doleva |
| right | prvek Φekß na obtΘkanΘ elementy p°ira╛enΘ doprava |
Kdy╛ pφ╣u, ╛e prvek Φekß na plovoucφ objekt, tak tφm myslφm, ╛e se vykreslφ a╛ pod nφm. Normßln∞ prvky na skonΦenφ obtΘkanΘho prvku neΦekajφ (kdyby Φekaly, tak ty prvky u╛ nebudou obtΘkanΘ :-).
Plovoucφ objekty jsou takovΘ prvky, kterΘ majφ nastavenu css vlastnost float na hodnoty left nebo right. ObtΘkan² prvek m∙╛e b²t takΘ n∞kter² html element (nejΦast∞ji obrßzek, tabulka), kter² mß (zastaral²) atribut align s hodnotou right nebo left.
| Prohlφ╛eΦ | Podpora ve verzφch | Poznßmka |
|---|---|---|
| 4, 5, 5.5, 6 | MP i Pixy uvßd∞jφ nespecifikovanΘ problΘmy v IE 4 a 5 u hodnot left a right | |
| Mozilla (Netscape 6+) | v╣echny verze | |
| Opera | 4, 5, 6, 7 | |
| Konqueror | ano | |
| IE 5 / Mac | ano | |
| Netscape Navigator 4 | chybn∞ |
Budu mφt text, vedle textu vpravo obtΘkan² obrßzek, docela vysok². Mß nßsledovat nadpis (<h2>) n∞jakΘho dal╣φho textu.
<img src="obtekany_obrazek.jpg" width="200" height="300"
style="float: right">
text Φlßnku nad nadpisem text text text
<h2>Nadpis</h2>
Nadpis se zobrazφ nalevo od obtΘkanΘho obrßzku. Chci, aby ten nadpis byl a╛ pod obrßzkem, nikoli vedle n∞ho.
<img src="obtekany_obrazek.jpg" width="200" height="300"
style="float: right">
text Φlßnku nad nadpisem text text text
<h2 style="clear: both">Nadpis</h2>
Podφvejte se, jak m∙╛e vypadat strßnka, kde se clearovßnφ nepou╛ije: Kolize obtΘkßnφ, p°φklad
Float = obtΘkßnφ, atribut clear u tagu <br> = star╣φ zp∙sob clearovßnφ v html (stßle podporovan²)
o tvorb∞, ·dr╛b∞ a zlep╣ovßnφ internetov²ch strßnek