Ciao, grazie della risposta, ho cercato di applicare tutti i tuoi consigli e ora sono messo così:
Il form mi sta dentro al div ma va a capo rispetto allo span, mentre io vorrei che fossero centrati in altezza, sulla stessa riga insomma.
Inoltre ho dei problemi con le percentuali con IE. Anche se imposto il div al 100% di larghezza IE me lo mostra + stretto, non capisco perchè. Inoltre IE non accetta le pecentuali con i decimali... non mi funziona.
Ti allego le due immagini di come sono preso ora, sia con IE che con Firefox.
Ah una cosa, guarda questo sito:
link . Noterai che ha uno sfondo "rigato". E' la stessa cosa che voglio fare io ma non mi riesce... non capisco cosa sbaglio nel codice. Se uso i css nella sezione head con i tag style invece funziona (ho provato in una ltro file) ma io devo usare un file css esterno.
Le immagini: (ho aggiunto dei bordi così capite meglio)
Con Firefox:
![]()
con IE:
![]()
E questo il codice della pagina HTML:
<div id="corpo">
<div id="sito">
<div id="header">
<div id="logo" align="center">[img]images/logo.gif[/img] </div>
<div id="info_utente">
<span class="infoutente">$theuser</span>
<form name="DT" >
<input class="data_ora" type="text" name="MOSTRA" size="40">
</form>
<br class="clear" />
<script langage="javascript" src="style/date_time.js"></script>
</div>
</div>
</div>
</div>
E questo il CSS modificato:
#corpo {
text-align:center; /* allineamento centrale, per IE */
background:#D6D6C6 url(images\linea.gif) repeat;
}
/* inizio selettori costruzione pagina */
/* Pagina generale sito, centrata */
#sito {
background:#FFECBF;
width:70%;
margin:0 auto; /* allineamento centrale, per FF */
text-align:left; /* riporta il testo a sinistra, per IE */
border:#000 1px solid;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
/* inizio sezione Header */
#header {
width: 100%;
margin: 0;
padding: 0;
}
/* sezione Logo dentro header */
#logo { width: 100%; margin: 0; padding: 0; clear: both; }
img#logoimg { width:700px; height:100px; }
/* sezione Info Utente e Data/Ora dentro header */
/* stampa info utente */
#info_utente { border:#0F0 1px solid;
width: 100%; margin: 0; padding: 0;
color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none;
}
span.infoutente { padding-left:2px; }
/* stampa data e ora */
input.data_ora {
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; color:#000; text-align:right;
border:#F00 solid 1px; padding-left: 2px; padding-right: 2px;
}
form { padding:0; margin:0; float:right;}
.clear { clear:right; }