Premesso che è solamente una prova utilizzando il seguente codice:
Non riesco a capire xkè, con firefox e compagnia, il secondo menu si sovrappone al primo mentre con IE è tutto regolarecodice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="IT"> <HEAD> <TITLE> </TITLE> <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <META NAME=author CONTENT="Rinaldo Troiani"> <META NAME =copyright CONTENT="Rinaldo Troiani"> <META HTTP-EQUIV=pragma CONTENT="no-cache"> <META name="robots" content="all,follow"> <META name="revisit-after" content="15 days"> <META NAME =description CONTENT="..."> <META HTTP-EQUIV=keywords CONTENT="..."> <style> body,html{ width:100%; height:100%; padding:0px; margin:0 0 0 0; overflow:hidden; } #testa{ width:100%; height:10%; padding:0px; margin:auto; text-align:center; background-color:#C0C0C0; } #spalla_sx{ width:20%; height:85%; padding:0px; margin:auto; text-align:center; float:left; background-color:#990000; } #spalla_dx{ width:20%; height:85%; padding:0px; margin:auto; text-align:center; float:right; background-color:#990000; } #corpo{ width:100%; height:85%; padding:0px; margin:auto; text-align:center; background-color:#0099FF; } #piede{ width:100%; height:5%; padding:0px; margin:auto; text-align:center; background-color:#C0C0C0; } /*MENU*/ div.menu{ width:100px; height:auto; padding:0px; margin:10px; margin-left:auto; margin-right:auto; text-align:center; } div.testa_menu{ width:100%; padding:0px; margin:auto; text-align:center; background-color:#FF9900; border:1px solid #FF9900; font-family:verdana; font-weight:bold; font-size:12px; } ul.menu{ width:100%; padding:0px; margin:0px; float:left; text-align:justify; list-style:none; border:1px solid #FF9900; } li.menu{ width:100%; padding:0px; list-style:none; display:inline; } li.menu a:link, li.menu a:visited, li.menu a:active{ width:100%; text-decoration:none; text-align:justify; color:#ffffff; font-family:verdana; font-weight:bold; font-size:12px; display:block; filter:blendTrans(duration=0.5); } li.menu a:hover{ width:100%; text-decoration:blink; font-style:italic; text-transform:uppercase; text-align:right; background-color:#ffffff; color:#990000; font-family:verdana; font-weight:bold; font-size:12px; } </style> <script type="text/javascript"> <!-- function lite(obj) { if(document.all&&!window.opera) { obj.filters.blendTrans.apply(); obj.filters.blendTrans.play(); } } //--> </script> </HEAD> <BODY> <div id="testa"></div> <div id="spalla_sx"> <div class="menu"> <div class="testa_menu"> MENU 1 </div> <ul class="menu"> <li class="menu">Link <li class="menu">Link <li class="menu">Link <li class="menu">Link <li class="menu">Link <li class="menu">Link[/list] </div> <div class="menu"> <div class="testa_menu"> MENU 2 </div> <ul class="menu"> <li class="menu">Test <li class="menu">Test <li class="menu">Test <li class="menu">Test <li class="menu">Test <li class="menu">Test[/list] </div> </div> <div id="spalla_dx"></div> <div id="corpo"></div> <div id="piede"></div> </BODY> </HTML>.
Sicuramente è una ca##ta ma non riesco a vederla....Qualcuno ha + occhio di me ???
Rispondi quotando
