Autor Zpráva
swetko
Profil
Dobrý deň.
tu som nastavil šírku(v px) pre <p> a vedľa odstavca mám <div> float:right.
Opera a Firefox ten div normálne obtekajú, IE posunie celý odstavec vľavo. Chápem, že keď má odstavec danú šírku, tak ho IE odsadzuje, ale Opera a Firefox to robia podľa mojich predstáv. Poradíte mi ako to urobiť aj pre IE?
Ďakujem.

//Edit: screen problému v IE7
Railbot
Profil
Pokud myslíš IE6, tak divu nastav display:inline. Patrně je tam double margin bug.
swetko
Profil
Railbot:
No skúšal som to konkrétne v IE7,a display:inline som skúsil ale nepomohlo.
swetko
Profil
Neviete niekto?
Skúšal som float bug, ale to predpokladá nastavenie width nadradenému elementu, pokiaľ sa nemýlim a ja práve nechcem aby mal(konkrétne u mňa #text) šírku, pretože potom by som nemohol .kalendár umiestňovať do rohu.
A obaliť všetok text do div-u so šírkou tiež nechcem, pretože potom sa celý text posunie a nie je pekne v strede - chcel by som aby to vypadalo ako v opere a firefoxe, kde text pekne obteká okno s pripravovanými akciami, keď sa okno zmenší.
swetko
Profil
Nikto nevie?
Petr ZZZ
Profil
Možná to zkusit obrátit: Blok vpravo nahoře (23. 12. 2009 atd...) nedělat plovoucí, ale udělat místo toho levý plovoucí div s levými odstavci. Takže by nebyl pravý blok obtékán levými odstavci, ale levé odstavce by byly obtékány pravým blokem.

Různé problémy s obtékáním se dají řešit taky tím, že obtékaný blok dostane dostatečně velký spodní margin a celé se to uzavře čističem:

Do CSS:
.aaa { clear:both; }

Do HTML:
<div class="aaa"> &nbsp; </div>
swetko
Profil
Ale ja tam mám len <p>, keď odstavcu nastavím float left už to nedudú odstavce pod sebou. Keby som ich vyclearoval, to by fungovalo, ale text v odstavcoch by sa nezobrazil v strede stránky, ale posunutý o šírku toho div-u kalendár. Keby som to napozicoval aby to bolo v strede pri vyžších rozlíšeniach nebude div kalendár vpravo v rohu, ale bude nalepený na text.
Petr ZZZ
Profil
Kód na Tvé stránce jsem nezkoumal, ale tady máš pokus o kompletní kostru stránky, která snad by měla dělat to, co si přeješ. Možná se rychleji dopracuješ výsledku, když do této kostry doplníš to, co tam ještě chybí, než když se budeš pokoušet opravit svůj původní kód.

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

   <style type="text/css">
body { width:960px; margin:0 auto 50px auto; padding:0 20px 20px 20px; }
.vlevo { float:left; }
.aaa { width:600px; }
.bbb { margin-right:20px;  }
.cistic { clear:both; }
   </style>
</head>

<body>

<div class="vlevo aaa bbb">

<p>
Duo Antico ModernoHusle - ako symbol...</p><p> 
Duo Antico Moderno vzniklo ... </p><p>
Na hudobnej ceste ... "Počúvať a hľadať."</p><p>
Umelecký rast ... 20. a 21. storočia. </p><p>
Okrem iného ...</p><p> 
Andrej Turčin a František Kubiš sú ... hudboných formácií.  
</p>

</div>

<p>23. 12. 2009 Duo Antico ModernoV obradnej sieni <br>
O 16:30 <br>
do spevu a do tanca. </p><p>
23. 12. 2009 Výročný koncert pre partizánovV obradnej sieni <br>
O 16:30 </p><p>
Len do tanca </p>

<div class="cistic"> &nbsp; </div>

<p>* * * * * * * * * * * * * * * * * * * * * * * * </p><p>

text a texty a zase neco, kdovico, a pak zas neco jineho, sem napis nejaky dlouhy text, at vidis, co to dela...  </p>

</body></html>
swetko
Profil
Petr ZZZ:
Ja viem spraviť obtekanie vľavo. Ale otvor moju stránku v opere a zmenšuj okno prehliadača, text obteká pravý div, to tvoj návrh nerobí, keby som chcel dva bloky vedľa seba, nepýtam sa tu.
Toto je môj cieľ.
Petr ZZZ
Profil
Princip obtékání vpravo je podobný. Je nutno si prostě uvědomit, že blok, který má být obtékán, musí být menší než ten, který ho obtéká. Podle toho se rozhodne, zda bude levý obtékán pravým nebo naopak. Tady máš ještě jednou to samé, tentokrát je pravý blok obtékán levým:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
   <style type="text/css">
body { width:960px; margin:0 auto 50px auto; padding:0 20px 20px 20px; }
.vpravo { float:right; }
.aaa { width:600px; }
.bbb { margin-right:20px;  }
.cistic { clear:both; }
   </style>
</head>
<body>

<div class="vpravo">
<p>23. 12. 2009 Duo Antico ModernoV obradnej sieni <br>
O 16:30 <br>
do spevu a do tanca. </p><p>
23. 12. 2009 Výročný koncert pre partizánovV obradnej sieni <br>
O 16:30 </p><p>
Len do tanca </p>
</div>

<div class="bbb">
<p>
Duo Antico ModernoHusle - ako symbol...</p><p> 
Duo Antico Moderno vzniklo ... </p><p>
Na hudobnej ceste ... "Počúvať a hľadať."</p><p>
Umelecký rast ... 20. a 21. storočia. </p><p>
Okrem iného ...</p><p> 
Andrej Turčin a František Kubiš sú ... hudboných formácií.  
</p>
</div>

<div class="cistic"> &nbsp; </div>
<p>* * * * * * * * * * * * * * * * * * * * * * * * </p><p>
Nejaky dlouhy text...  </p>
</body></html>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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