Ho questo codice:
E questo CSS:codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title></title> <style> @import url(css/layout.css); </style> <script language="JavaScript" type="text/javascript" src="js/scripting.js"></script> </head> <body> <div id="testa"> <h1>quì il titolo</h1> </div> <div id="spalla_sx"> <div class="menu"> link 1 link 1 link 1 link 1 link 1 link 1 </div> </div> <div id="corpo"> xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p> </div> <div id="spalla_dx"></div> <div id="piede">quì inevce i dsclaimer</div> </body> </html>
Con FireFox la testa è come se avesse un padding-top abbastanza ampio mentre con IE si attacca in alto senza problemi........deve è l'inghippo ???codice:body, html{ padding:0px; margin:0 auto; text-align:center; width:100%; background-color:#000000; } /*sezione struttura base*/ #testa{ padding:0px; margin:0px; width:100%; height:10%; background-color:#808080; } #spalla_sx, #spalla_dx{ float:left; padding:0px; margin:0 auto; width:20%; height:100%; text-align:center; background-color:#abb78c; } #spalla_dx{ margin-right:-1px; } #corpo{ float:left; padding:0px; margin:0px; width:60%; background-color:#ffffff; } #piede{ clear:left; padding:0px; margin:0px; width:100%; height:10%; background-color:#abb78c; } /*Fine sezione struttura base*/ /* Sezione menu principale*/ .menu{ padding:0px; margin: 0 auto; margin-top:30px; text-align:center; } .menu a{ margin: 0 auto; margin-top:3px; background:#008000; color:#ffffff; display: block; width:104; cursor:hand; text-decoration:none; font-family:verdana, arial, helvetica, sans-serif; font-size:12; font-weight:bold; border: 1px solid #ffffff; } .menu a:hover{ margin: 0 auto; margin-top:3px; background:#FFFFFF; color:#008000; font-family:verdana, arial, helvetica, sans-serif; font-weight:bold; font-size:12; font-style:italic; text-decoration:blink; } /* Fine sezione menu principale*/
THX in advance
P.S.
Il body l'ho messo nero apposta per visualizzare il problema !
Rispondi quotando
