Autor Zpráva
Miloš
Profil
Mám dva odstavce se společnou třídou sloka, první má navíc třídu floutek.
Pokud nepoužiju vícenásobné třídy, obtékání funguje. Kde je chyba?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta http-equiv="content-language" content="cs">
<style type="text/css">
body {font-family: Tahoma, Arial, lucida, sans-serif; letter-spacing: 1px;}
p.sloka {width: 25em; background-color: #ffe;}
p.floutek {float: left; background-color: #eff;}
#obal {width: 60em; border: 1px solid black;}
</style>
<title>Chyba obtékání</title>
</head>

<body>
<div id="obal">
<p class="sloka floutek">Lákamí vůněhulás úmyval rohlivý jednovod<br>
Lek umrajedpo vlačít čuvalemi málněžná<br>
Večný obzor poler řící sůl<br>
Obal hudba dopistroj já štíně<br>
Se úmyslunce obývá onouby nám<br>
Ku zlemí úmyva postě onová<br>
Tlínům škou zako oba sná<br>
Ří bájedpodl zle říky říc</p>

<p class="sloka">Odobzor úmyvalemi řícipádní čuvadi drásníky<br>
Štím říkemi vá A ka<br>
Poda řícipádní Lák řícipádní zavěď<br>
A ač mocipádec kojsko ční<br>
Ští nalem hulákaj vá obse<br>
Úmyvad ne ští úmyvad magneumín<br>
Jít jenžto ško lžičkaký krazy<br>
Je Oba záprosti Lák jakočil</p>
</div>
</body>
</html>
SuE
Profil
ten druhý musí být taky float - stejne jako ten první
Miloš
Profil
To sice funguje, ale není to logické.
float má mít obtékaný prvek.
Proč má mít float prvek, který obtéká?
Navíc mi zmizí border nadřazeného divu – zůstane mi jen nahoře.

Jako nouzové řešení to jde, ale zajímá mě i příčina problému.
Miloš
Profil
Huráááááááá, už to mám:
Teď jsem přišel na to, že když nastavím width: 25em jenom floutkovi, zatímco pro p.sloka údaj o šířce vynechám, obtékání funguje.

neboli

Když přidám druhému odstavci ještě class="druha" a té margin-left: 25em, problém je vyřešen. Zkrátka jsem zapomněl na to, že Obtékaný prvek je vyjmut z toku dokumentu (stejně jako position: absolute). Ostatní prvky, které obtékají, nejsou prvkem nijak ovlivněny, pouze se jim zkracují řádky v prostoru, kde je obtékaný prvek. Toto chování se ale prohlížeč od prohlížeče liší. Obzvlášť zoufale se chovají různé verze Internet Exploreru.
Toto téma je uzamčeno. Odpověď nelze zaslat.