ho questa classe:
.rientra {margin-left:2em;}
la applico, più volte nella pagina, ad alcuni div (contenenti a loro volta alcuni paragrafi).
com Mozilla e NS tutto bene. Con IE6 esegua la formattazione richiesta in modo corretto solo la prima volta.
vi è mai capitato? sapete come rimediare?
tnx
penso di no. puoi postare un esempio?
Sinceramente non mi è mai capitato, ho usato altre volte
una marginazione multipla e non mi ha mai dato problemi.
Ho fatto un test anche adesso su IE6 e non mi da problemi.
ecco un esempio
<h1>aaa</h1>
<div class="rientra">
aaa aaa</p>
aaa aaa</p>
</div>
<h1>bbb</h1>
<div class="rientra">
bbb bbb</p>
bbb bbb</p>
</div>
il primo div con classe "rientra", quello sotto al titolo "aaa", ha il margine sinistro di 20px come css comanda. il secondo se ne sbatte di gianbella (parimenti i successivi).
ho anche provato a creare una nuova classe (rientrabis, in tutto identica alla prima) e fare
<h1>aaa</h1>
<div class="rientra">
aaa aaa</p>
aaa aaa</p>
</div>
<h1>bbb</h1>
<div class="rientrabis">
bbb bbb</p>
bbb bbb</p>
</div>
ma il risultato è lo stesso
Non è che ti è restato nella cache di IE, prova a cancellare la cache,
ho provato con l'esempio che hai postato e a me funziona benissimo.
il problema deve essere nel resto della pagina (quella che non hai postato) perché così funziona
codice:<html> <head> <style> .rientra {margin-left:2em;} </style> </head> <body> <h1>aaa</h1> <div class="rientra"> aaa aaa</p> aaa aaa</p> </div> <h1>bbb</h1> <div class="rientra"> bbb bbb</p> bbb bbb</p> </div> </body> </html>
ho ricreato la pagina, sintetizzando ed includendo il css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
h1 {
font-size: 2em;
letter-spacing: 2px;
border-bottom: 2px solid #FF9900;
}
h1:first-letter {color: #FF9900; background: #000; padding: 2px;}
#pagetitle {font-size: 3.5em;
background: #000;
color: #FF9900;
padding:2px;
margin-bottom:2em;}
.rientra {margin-left:2em;}
-->
</style>
</head>
<body>
ho validato sia l'html che il css.
eppure continua a non funzionare. :master:
forse ho una copia difettosa di IE
Ho provato a togliere la classe H1:Firt-letter e funziona, se la lascio non funziona
assurdo
ma è così
e funziona se tiri via h1:first-letter
cmq dando a .rientra un padding-left al posto del margin funziona ;-)
Originariamente inviato da deivnet
Ho provato a togliere la classe H1:Firt-letter e funziona, se la lascio non funziona
giusto.
grazie
giusto per curiosità (tanto riesco ad aggirare il problema): sai perché accade quanto hai notato?
Permessi di invio
Rispondi quotando