Ho un css con fra le altre cose queste proprietà, applicato ad una pagina XHTML 1.0 Strict.
Vorrei ovviamente sfruttare la text-indent per indentare la prima riga di ogni paragrafocodice:#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; }
e con IE (strano ma vero!) questo codice non da nessun problema, ma se io guardo il codice che segue con Firefox
Il primo paragrafo è allineato verticalmente insieme all'immagine, e scorre alla sua destra, ma l'indentazione (che sotto IE è presente) qui non si vede.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>
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?

Rispondi quotando