Premetto che il codice che hai scritto non mi è troppo chiaro... se quello che hai scritto è letteralmente il tuo codice ci sono degli errori... se invece è solo uno stralcio esemplificativo allora è accettabile.
A scanso di equivoci, te lo riscrivo come andrebbe scritto nella pagina HTML, segnalando anche i punti che possono provocare l'effetto di spostamento in IE che non vanno bene:
Il comportamento anomalo che hai con IE dipende proprio dalla riga rossa... perché mai impostare un margine superiore di 200px se l'intestazione la vuoi in alto e non al centro della pagina? Io quella riga la toglierei... e vedrai che funziona.codice:<html> <head> <style> body { background: #333333; } div { padding: 20px; padding-top: 8%; padding-left: 25%; background: #000000; margin: 200px 15px 10px 5px;/IE6.0 width:800px; height:auto; color:#FF9900; font: bold 30px/18px verdana, arial; } </style> </head> <body> <div> forza roma</div> </body> </html>
Inoltre non mi è chiaro, ma non sono certo che sia un errore, l'utilizzo di padding:20px assieme alle dichiarazioni di padding-top e left percentuali... credi di averne bisogno? non sarebbe più semplice una cosa del tipo:
codice:padding: 20px 15 20 15; /* numeri ipotetici... metti quello che vuoi */

Rispondi quotando