Autor Zpráva
ugh
Profil *
Ahoj, trochu jsem se hrabal ve specifikaci css a na http://www.w3.org/TR/CSS2/visuren.html#floats uvadej:

Consider the following HTML source and style sheet:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<HEAD>
<TITLE>Float example</TITLE>
<STYLE type="text/css">
IMG { float: left }
BODY, P, IMG { margin: 2em }
</STYLE>
</HEAD>
<BODY>
<P><IMG src=img.png alt="This image will illustrate floats">
Some sample text that has no other...
</BODY>
</HTML>


A ted to prijde:

Formatting would have been exactly the same if the document had been:

<BODY>
<P>Some sample text
<IMG src=img.png alt="This image will illustrate floats">
that has no other...
</BODY>

No a ono to zkratka neni exactly totez, proc ? Chybna podpora prohlizecu ? Ve vsech se to chova stejne takze tim to asi nebude :(
Diky
Trejpa
Profil
ugh
Ano, některé prohlížeče se úplně neřídí specifikací. Můžeš si je otestovat na mém příkladu.

Podle specifikace zobrazuji prohlížeče:
- Apple Safari
- Google Chrome

Odlišně zobrazují prohlížeče: (posun plovoucího objektu o jeden řádek)
- Internet Explorer
- Mozilla Firefox
- Opera



Řešení je jednoduché: má-li objekt plavat před textem, musí tam být (navzdory možnostem ve specifikaci) také fyzicky umístěn.

Mě by ale jiné umístění ani nenapadlo, protože je-li okno úzké tak, že ve druhém případě se do něj vedle sebe nevleze text umístěn před obrázkem, tak se tento text umístí stejně (a tentokrát už podle specifikace) nad obrázek, což určitě nebylo při kódování zamýšleno.
Bubák
Profil
Pro úplnost, také Konqueror zobrazí stránku podle CSS specifikace.
Otestoval jsem i specialitku, Lobo, ale výsledky jsou poněkud rozhozené. Ale tím bych se netrápil, zatím nejde o použitelný prohlížeč.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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