Ciao,
ho un problema, in una pagina ho definito due tag form contenuti nel loro rispettivo div, su IE tutto ok ma su NE6.2 il testo del del secondo div appare sovrapposto al primo.
Qualcuno di voi sa dirmi il motivo?
qui il codice HTML
<div id="main" class=main>
<div id=caption class=caption>[img]images/qb.gif[/img]Faq</div>
<div class="form">
<form name="form1" method="post">
<fieldset>
<h5>Seleziona l'Area e il relativo comparto della Faq</h5>
<div class="blocco">
<div class="label"><label for="MacreoAree">Area</label></div>
<select name="MacroAree"> <option value="">Seleziona Area</option>
</select>
</div>
<div class="blocco">
<div class="label"><label for="Comparto">Comparto</label></div>
<select name="Comparto" ></select>
</div>
</fieldset>
</form>
</div>
<div class="form">
<form name="form2" method="post">
<fieldset>
<h5>Seleziona l'Area e il relativo comparto della Faq</h5>
<div class="blocco">
<div class="label"><label for="MacreoAree">Area</label></div>
<select name="MacroAree"> <option value="">Seleziona Area</option>
</select>
</div>
<div class="blocco">
<div class="label"><label for="Comparto">Comparto</label></div>
<select name="Comparto" ></select>
</div>
</fieldset>
</form>
</div>
qui i CSS
div.form{
display:block;
clear:both;
}
div.form fieldset{
display:block;
margin:12px 0 0 0;
padding:0;
border: none;
}
div.form fieldset div.blocco{
display:block;
clear:both;
margin-bottom:5px;
margin-left:15px;
}
div.form fieldset div.space{
margin-top:20px;
}
div.form fieldset h5{
margin:0px 0px 6px 0;
padding: 0px 0px 4px 15px;
background-color: transparent;
font-weight:bold;
float:left;
clear: both;
border-bottom:1px solid #C6D8CC;
}
div.form fieldset div.label{
display:block;
width:150px;
float:left;
}

Rispondi quotando
