Discussione: Problema visualizzazione form su Opera

non riesco a trovare la soluzione di questo problema , FF, Safari e Chrome visualizzano bene il form invece su Opera no

a destra Opera e sinistra FF

controlla se cè un float nel css .. se ci dai il codice forse si capisce meglio

questo il html

Codice:

<div class="mail">
			    
			    <div id="response">
			    </div>
		        
		        <form id="formail" action="" method ="post">
			    <label>Name</label>
			    <input type="text" name="name" id="name" />
			    <label>Email</label>
			    <input type="text" name="mail" id="mail" />
			    <label>Website</label>
			    <input type="text" name="subject" id="subject" />
			    <label>Message</label>
			    <textarea name="text" id="text" cols="40" rows="10"></textarea> 
			    <input type="submit" value="Send" id="sendmail" name="sendmail" />
			    </form>
	        </div>

CSS

Codice:

.mail
{
width:470px;
margin:auto;
}

#formail {
	width: 468px;
	margin-top: 25px;
	color: #595959;
}

#name, #mail, #subject ,#formail textarea {
	padding: 5px;
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	color: #595959;
}

#formail textarea {
	height: 90px;
}

#formail textarea:focus, #formail input:focus {
	border: 2px solid #21b7f1;
}

#formail input.submit-button {
	width: 100px;
	float: right;
}

#sendmail
{
float: right;
padding: 5px;
width: 100px;
font-family: Helvetica, sans-serif;
font-size: 1.2em;
margin: 0px 39px 10px 0px;
border: 2px solid #ccc;
color: #595959;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
}

#response
{
display: none;
border: 1px solid #ccc;
background: #FFFFA0;

padding: 10px;
width: 449px;
}

ciao

il problema a cui fai riferimento dal codice html e dal css che hai mandato io non lo rilevo sul mio opera.
Comunque, ti consiglio di mettere tutto il form in un filedset e lasciare a lui il width, inoltre alle label manca il "for" e un html reset non ci sta mai male.
Io di solito metto sempre due div uno per la label e uno per il controllo entrambi flottano e non mi dai mai problemi.

Imageshack - formd

per maggior informazione posto la pagina direttamente

MoukaDesign Portfolio

Originalmente inviato da dopamino

ciao

il problema a cui fai riferimento dal codice html e dal css che hai mandato io non lo rilevo sul mio opera.
Comunque, ti consiglio di mettere tutto il form in un filedset e lasciare a lui il width, inoltre alle label manca il "for" e un html reset non ci sta mai male.
Io di solito metto sempre due div uno per la label e uno per il controllo entrambi flottano e non mi dai mai problemi.

Imageshack - formd

puoi provare la pagina online ???

Originalmente inviato da dopamino

come ti dicevo:
metti il fieldest
div per label
div per controllo
e si mette tutto ok

ho provato non funziona