Autor Zpráva
Anonymní
Profil *
<div style="background: red; clear: both; height: 100px; width: 534px">

<span style="display: block; width: 120px; background: green; float: left; padding: 0;">b</span>
<span style="dispalay: block; float: left; width: 294px;background: yellow; text-align: center;padding: 0; margin: 0 2px;">1 2 3</span>
<span style="display: block; width: 120px; background: blue; float: left;padding: 0;">123456789</span>
</div>


Mám tento zkušební kód a internet explorer je tak hodný a chytrý, že vezme poslední znak z toho třetího spanu a zkopíruje ho na další řádek. Neví někdo co je to za chybu, popřípadě, jak ji řešit?
Manq
Profil
Anonymní
U mě je to v IE stejné jako v OP. Nic se nezalamuje.
Anonymní
Profil *
pardon chybicka se vloudila, tak ted:

[pre]<div style="background: red; clear: both; height: 100px; width: 534px">

<span style="display: block; width: 120px; background: green; float: left; padding: 0;">b</span>

<span style="dispalay: block; float: left; width: 294px;background: yellow; text-align: center;padding: 0;">1 2 3</span>

<span style="display: block; width: 120px; background: blue; float: left;padding: 0;">123456789</span>

</div>/pre]

v IE to dělá toto

nahled
Plaváček
Profil
Anonymní

Tohle by mohlo zabrat:

<div style="background: red; clear: both; height: 100px; width: 534px">
<span style="display: block; width: 120px; background: green; float: left; padding: 0;">b</span>
<span style="dispalay: block; float: left; width: 294px;background: yellow; text-align: center;padding: 0;">1 2 3</span>
<span style="display: block; margin-right:-3px;width: 120px; background: blue; float: left;padding: 0;">123456789</span>
</div>

Pokud to bude dělat problém v jiných prohlížečích, tak ten záporný margin nastav pomocí podmíněného komentáře pouze pro IE.

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: