Ciao, non riesco a capire perchè una lista non ordinata, pur stando nel tag div, su firefox esce fuori mentre su iexplorer no.. a supporto vi invio due immagini..
la situazione è questa:
l'html
codice:
<div id="fo_MasterContainer">
<div id="fo_MasterHeader">
[img]xxxxxxxxx[/img]</div>
<div id="fo_MasterMenuContainer">
<ul>[*]home[*]english version[*]contatti[*]mappa[*]area riservata[/list]
<span id="searchContainer">cerca<asp:TextBox ID="AAA" CssClass="fo_txtMasterMenuRicerca"
runat="server"></asp:TextBox>[img]fo_images/arrow_right.gif[/img]</span>
</div>
</div>
Le regole:
codice:
/* front office master body*/
body
{
margin-top: 10px;
text-align: center;
}
/* contenitore dei livelli*/
#fo_MasterContainer
{
width:860px;
padding:0 auto;
margin:0 auto;
text-align: center;
}
/* livello container dell'header*/
#fo_MasterHeader
{
width: 860px;
margin:0 0 2px 0;
}
/* livello container del menu principale*/
#fo_MasterMenuContainer
{
width: 860px;
padding: 0px;
text-align:left;
border-style:solid;
border-color:Fuchsia;
border-width:1px;
}
/* menu principale non ordinato */
#fo_MasterMenuContainer ul
{
list-style: none;
margin: 0 auto;
padding: 0 auto;
text-align:left;
}
/* elementi del menu non ordinato*/
#fo_MasterMenuContainer ul li
{
float: left;
margin: 0 2px 0 0;
padding: 5px 0 5px 0;
background-color: #0B4479;
text-align: center;
}
/* links del menu principale*/
#fo_MasterMenuContainer a
{
display: block;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #ffffff;
}
/* hover dei links del menu principale*/
#fo_MasterMenuContainer a:hover
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
/* contenitore degli elementi di ricerca del menu principale*/
#searchContainer
{
float:left;
font-family: Verdana;
font-size: 12px;
font-weight: normal;
text-decoration: none;
text-align:center;
color: #ffffff;
width:240px;
padding: 2px 0 3px 0;
margin:0 0 0 0;
background-color:#0B4479;
}
/* textbox di ricerca del menu principale*/
.fo_txtMasterMenuRicerca
{
border-style: none;
height: 15px;
background-color: #ffffff;
width: 140px;
margin: 0 0 0 6px;
}
/* immagine del pulsante di ricerca del menu principale*/
.fo_imgMasterMenuRicerca
{
vertical-align: middle;
margin-left:15px;
}