Ho un css con fra le altre cose queste proprietà, applicato ad una pagina XHTML 1.0 Strict.
codice:
#page h1, #page h2, #page h3, #page p { clear:both; }
#page p { text-indent:2.5em; }
#page p img.imageleft {
float:left; clear:left;
margin:5px; padding:0px;
border-right:2px solid #AE0000;
border-bottom:2px solid #AE0000;
}
Vorrei ovviamente sfruttare la text-indent per indentare la prima riga di ogni paragrafo
e con IE (strano ma vero!) questo codice non da nessun problema, ma se io guardo il codice che segue con Firefox
codice:
[img][/img]
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec gravida gravida lectus. Nullam vitae purus vel arcu
fermentum tincidunt. Sed est est, posuere eu, ullamcorper
eu, rutrum ut, tellus. Sed venenatis elit. Sed porttitor
enim. Nulla facilisi. Aenean massa. Cras tempus odio in
velit. Duis et nunc. Phasellus diam dolor, condimentum
pretium, laoreet id, volutpat et, est. Phasellus
eleifend faucibus nulla. Phasellus mauris lectus, rhoncus
quis, accumsan vel, sodales vitae, nisi. Nam mattis mi
non massa. Sed consequat ante at dui luctus porta.
Vestibulum ante ipsum primis in faucibus orci luctus et
ultrices posuere cubilia Curae; Donec nisi nunc,
fringilla a, vehicula eget, commodo ut, turpis.
Curabitur at risus ac turpis cursus consequat. Duis id dolor.
</p>
Il primo paragrafo è allineato verticalmente insieme all'immagine, e scorre alla sua destra, ma l'indentazione (che sotto IE è presente) qui non si vede.
Nel caso l'inizio del paragrafo non coincida con un immagine affiancata in float a sinistra o a destra, allora l'indentazione sembra non avere alcun effetto.
Dove sbaglio? Come posso rimediare?