Obtékání objektu umístěného vpravo dole

Marek V.: Jestli jsem tě dobře pochopil, tak řešení by mělo být prosté. Tomu zelenému bloku nastavíš float: right a umístíš ho až za konec textu - tedy pod něj.

<div id="text">

...text text text text, zde končí text.<div id="zeleny_objekt">&nbsp;</div>

</div>

Marek V.:
Tak to jsem šlápl do hovínka. Je pravda, že jsem to nezkoušel a plácl jsem úplnou volovinu. Tuším, že to nepůjde. :( Uživatelé si text mohou zvětšit, nejde to, bohužel.

Nikdo nic?

Marek Vidtman

Současnými prostředky CSS ničeho takového dosáhnout nelze.

Měl jsem to kdysi vyřešené pro IE6. Ale poněkud krkolomně.

habendorf: Tak to by mě docela zajímalo. Nechceš se pochlubit? :o)

Plaváček - Tak přeci jen nejde úplně všechno ;).
Nedá se nic dělat, budu se muset bez toho obejít a předsvědčit klienta, že to nejde.

Knopi

Jak říkám, krkolomně. Img byl nafloatován normálně doprava (nahoru). Obalující div byl vertikálně převrácen filtrem, tím se obrázek dostal dolu. A aby text a obrázek nebyly vzhůru nohama, byly opět převráceny filtrem nazpět.

Ty jsi se snad učil kódovat v Bradavicích, to snad není ani možný, jak ty přemejšlíš. =)

habendorf
Knopi

Takhle jsem to taky vyřešil, použití filtrů se přímo nabízí. Má to nevýhodu v tom, že u všech převracených prvků je třeba definovat background a nastavit vnitřní vlastnost hasLayout (zoom: 1; např.). Přiznám se, že mi ten problém docela vrtá hlavou; pokusím se jej vyřešit nějak jinak.

Posílám řešení pro Trident (IE 5.5+) a Gecko (FF, Netscape Browser, K-Meleon...). Pracuju na dalších jádrech.

http://dero.name/stuff/rb_ie.html
http://dero.name/stuff/rb_gecko.html

Dero

Zrovna jsem si otevřel PSPad, že to taky zkusím, pohrával jsem si s myšlenkou o display:table ... a co po minutě nevidím :o)
Pěkné, pěkné ...

A řešení pro Presto (Opera 9). Tedy možné to samozřejmě je, ačkoliv dopředná kompatibilita mého řešení je přinejmenším nejistá. Na Webkitu budu ještě pracovat.

http://dero.name/stuff/rb_presto.html

Posílám řešení pro Trident (IE 5.5+)

V IE6 mi to nefunguje. A v IE7 to (logicky) přeháže odstavce.

habendorf: Mně to funguje i v IE 6.

Jde jen o princip, konkrétní aplikace by vypadala jinak - tady má IE díky svým filtrům náskok, řešení se nabízí hned několik. Trochu si pohraju s WebKitem a potom dotáhnu i Trident, pokud se do toho nepustíš první.

Dero

Koukám že mi v IE6 (zdánlivě) nejde ani moje staré řešení. Zdá se, že standalone IE6 nějak nezvládá filtry. Takže beru zpět.

"Univerzální" řešení zadaného problému: http://dero.name/stuff/rb_universal.html

Funguje v nejrozšířenějších prohlížečích: IE5+ (v IE5 maličko haprují marginy, ale to se dá vyladit), Firefox 2, Opera 9.

Kód není komentovaný, bohužel. Některé věci jsou tam jednoduché na pochopení, jiné vyžadují trochu víc znalostí, ale myslím, že není nepřekonatelný problém kód pochopit a dále upravovat. Věřím tomu, že kdybych si ještě chvilku hrál, vypotil bych i řešení pro WebKit (Safari), ale na to bohužel nemám čas.

Chtěl jsem jen dokázat, že řešení možné je. Možná ne dopředně kompatibilní (tedy, v tomto případě zcela jistě ne), ale aktuální řešení vždy existuje.

Mimochodem, taková perlička, v IE to nakonec šlo bez filtrů.

Pěkný. Ten p ve spanu je tam asi navíc.

habendorf: Ano, je. Díky za doplnění.

Edit: p ze spanu vymazán

jak se da ladit pro jadra namisto browseru? proste mit od kazdeho jadra jeden browser?

musim vzdat hold Derovi, super riesenie