[css] impaginare una form, problema

[Cerebro]

tra cristi e madonne col css sto tentando di impaginare una form, in maniera molto semplice, con i titoli dei campi a sinistra e e i vari INPUT,SELECT,CHECKBOX,etc, sulla destra. ad esempio:

      nome [_______]
     email [_______]
        ...

etc

però ho un problema: non riesco ad allineare a sinistra gli INPUT. mi rimangono a metà del loro div. immagine di chiarimento:



questo nell' xhtml:

<div class="cell1">e-mail</div>
<div class="cell2"><input type="text" /></div>

questo nel css:

.cell1 {
	border: 1px solid #000000;
	float: left;
	width: 50%;
	height: 24px;
	text-align: right;
	font-weight: bold;
}

.cell2 {
	border: 1px solid #000000;
	float: left;
	width: 49%; /* se metto 50% mi va a capo per via del bordo */
	height: 24px;
	text-align: left; /* non va... */
	padding: 0;
	margin: 0;
}

[floyd46]

ciao
prova a leggere questo articolo:
http://www.extrowebsite.com/articolocss.asp?ID=26
potrebbe esseerti utile per quello che devi fare;
saluti

[Cerebro]

Bellissima, grazie.

[Polley]

Riesumo questo thread per un problema di form !!


Grazie all'articolo postato sopra, sono riuscito a fare un bellissimo form d'iscrizione, però volevo fare unqualcosa di particolare per un'altro piccolo form per il login.



Non vi stò a spiegare cosa perchè dopo mille varianti, ho voluto tagliare la testa al toro ed avendo un form con tre input uno sotto all'altro ho provato a dargli un background e metterli tutti vicini in un'unico blocco.

line-height: 0;
margin: 0;
padding: 0;
border: 0;

su firefox tutto ok
su IE resta un picolissimo margine di 1px perchè ?

credevo fosse il bordo, e l'hò colorato come lo sfondo
border: 1px solid #000000;

ma cè sempre quello spazio ...............soluzione ?