Ho creato la pagina in figura utilizzando un Html con tutti i tag div necessari, e poi ho definito con il foglio di stile la formattazione e la posizione dei div.
In particolare la parte Giudice, Curatore, Comitato dei creditori ha questo codice:
codice:
<div id="organs">
<div id="judge">
<fieldset class="adsFieldset">
<legend class="fieldsetTitle">Giudice delegato</legend>
<div class="label">Cognome</div>
<div class="inText">
<input type="text" name="j_surname" class="organField">
</div>
<div class="label">Nome</div>
<div class="inText">
<input type="text" name="j_name" class="organField">
</div>
<div class="label">Luogo di nascita</div>
<div class="inText">
<input type="text" name="j_birthplace" class="organField">
</div>
<div class="label">Data di nascita</div>
<div class="inText">
<input type="text" name="j_birthdate" class="organField">
</div>
</fieldset>
</div>
<div id="payee">
<fieldset class="adsFieldset">
<legend class="fieldsetTitle">Comitato dei creditori</legend>
<div class="label">Cognome</div>
<div class="inText">
<input type="text" name="p_surname" class="organField">
</div>
<div class="label">Nome</div>
<div class="inText">
<input type="text" name="p_name" class="organField">
</div>
<div class="label">Luogo di nascita</div>
<div class="inText">
<input type="text" name="p_birthplace" class="organField">
</div>
<div class="label">Data di nascita</div>
<div class="inText">
<input type="text" name="p_birthdate" class="organField">
</div>
</fieldset>
</div>
<div id="trustee">
<fieldset class="adsFieldset">
<legend class="fieldsetTitle">Curatore</legend>
<div class="label">Cognome</div>
<div class="inText">
<input type="text" name="t_surname" class="organField">
</div>
<div class="label">Nome</div>
<div class="inText">
<input type="text" name="t_name" class="organField">
</div>
<div class="label">Luogo di nascita</div>
<div class="inText">
<input type="text" name="t_birthplace" class="organField">
</div>
<div class="label">Data di nascita</div>
<div class="inText">
<input type="text" name="t_birthdate" class="organField">
</div>
</fieldset>
</div>
</div>
in cui i div principali sono definiti con le proprieta' di float come segue:
codice:
#organs{
margin-top:10px;
position:relative;
clear:both;
width:auto;
}
#judge{
position:relative;
float:left;
width:200px;
}
#payee{
position:relative;
float:right;
width:200px;
}
#trustee{
position:relative;
width:auto;
}
solo che nei riquadri di giudice delegato e comitato dei creditori non posso ne selezionare il testo con il mouse ne accedere alle caselline di testo se non con il tasto tab. Ho lo stesso problema nella parte sottostante, ma non in quella sopra. Qualche idea??
Ah, per il momento ho provato con Firefox su Linux e ho questo problema, ma mi sa che non dipende dal browser!