Brak wcięcia jako bug?

[Bistzack]

Zamieściłem wątek na anglojęzycznym forum, jednak nikt nie odpowiedział. Pytam więc tutaj:

Czy uważacie, że ignorowanie przez Firefoksa wcięcia w pierwszym przykładzie jest czymś prawidłowym, czy należałoby zgłosić to jako błąd?

Pierwszy przykład, brak wcięcia:

Kod: Zaznacz cały

<div class="sqr">

<p><img class="pic" alt="" src="pic.png" />text (...)</p>

</div>

Kod: Zaznacz cały

.sqr {
margin:0;
padding:0;
width:250px;
height:150px;
background:#fafafa;
border:1px solid #a0a0a0;
}

.sqr p {
text-indent:12px;
padding:6px;
margin:0;
font:11px verdana;
text-align:justify;
background:#fafafa;
line-height:14px;
height:auto;
overflow:hidden;
}

.sqr img.pic {
width:100px;
height:100px;
float:right;
margin-right:0;
margin-left:6px;
padding-right:0;
}

Drugi przykład. Wcięcie pojawia się po owinięciu znacznika IMG znacznikiem SPAN:

Kod: Zaznacz cały

<div class="sqr">

<p><span><img class="pic" alt="" src="pic.png" /></span>text (...)</p>

</div>

[Gedi]

Wszystko jest OK. Dałeś FLOAT:right dla obrazka i jednocześnie TEXT-INDENT. Jeśli w kodzie IMG jest jako pierwszy, to on przejmuje wcięcie, dlatego w pierwszym przykładzie dalszy tekst nie może mieć wcięcia. W drugim przykładzie TEXT-INDENT przyjmuje SPAN. Sprawdź sobie dodając do CSS:

Kod: Zaznacz cały

span {
   border:1px solid blue;
}

A dla rozjaśnienia jeszcze:

Kod: Zaznacz cały

<div class="sqr">
   <p><img class="pic" alt="" src="pic.png" /><span>text (...)</span></p>
</div>


<div class="sqr">
   <p><span><img class="pic" alt="" src="pic.png" /></span>text (...)</p>
</div>

[Bistzack]

OK, dzięki za wyjaśnienie. Czy istnieje jednak sposób na połączenie wcięcia i wypozycjonowania np. grafiki przy pomocy FLOAT?

[Gedi]

Może ten przykład Ci pomoże.

[Bistzack]

Jeszcze raz dzięki!