Autor Zpráva
Miloš
Profil
#1 · Zasláno: 26. 1. 2006, 23:22:54
Odpovědět Citovat
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
#2 · Zasláno: 27. 1. 2006, 00:00:56
Odpovědět Citovat
ten druhý musí být taky float - stejne jako ten první
Miloš
Profil
#3 · Zasláno: 27. 1. 2006, 00:06:31
Odpovědět Citovat
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
#4 · Zasláno: 27. 1. 2006, 00:24:48 · Upravil/a: Miloš
Odpovědět Citovat
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.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0