Perchè mi da una widht anziche quella che imposto?

[Donovant]

Salve ragazzi, qualcuno mi dice perchè io ho impostato un FIELDSET di un FORM in questo modo nel CSS:

#f_reg{border: 2px solid white; width:700px; height: 450px; background: #333;
float:left; margin:0 100px; display: inline;
}

e sulla pagina HTML sia on IE che in Firefox mi fa vedere un campo lungo tipo 500px???

[ana4ever-vids]

Prova a postare il relativo codice html...

[Donovant]

HTML:

<?php include("Form_Log_e_Pw.txt");

echo "<form action='' method='POST'><fieldset id='f_reg'>DATIUTENTE
<ul id='reg'>
[*]User: <input id='user' name='user' type='text' tabindex='3' maxlength='15' size='15' />


[*]Password:<input id='password' name='password' type='text' tabindex='4' maxlength='15' size='15' />[/list]</fieldset></form>";


?>

CSS:

ul#reg{
list-style: none outside none;
display: inline; float:left;
}

praticamente è più lungo di quello che scrivo per il WIDTH, mentre per HEIGHT funge...

[ana4ever-vids]

Purtroppo non ho qui un pc a portata di mano e quindi non posso provare. Comunque penso che sia perché nel tuo fieldset ci sono degli elementi più larghi della larghezza che vuoi dargli, quindi per starci gli elementi devono allargare il fieldset. Prova a postare uno screenshot...

[Donovant]

Allora la cosa della lunghezza l'ho risolta
ora vorrei capire perchè me lo mette alla estrema sinistra, quando ho pure scritto FLOAT:left;
Bho...

[ana4ever-vids]

È proprio per quello che te lo mette all'estrema sinistra. Left vuol dire sinistra!!!
Ad ogni modo, come hai risolto il problema della larghezza?

[Donovant]

Non mi ricordo come ho fatto.. cmq ho sbagliato a scrivere, il form in IE lo mette dove dico io in Firefox me lo mette alla estrema DESTRA, con tuttil il FLOAT: left.

Non se ne può più di ste differenze fra tutti sti brosware...
Molte volte ad esempio, come in questo caso, se metto margin 0, il IE me lo attacca a quello che gli sta intorno mentre in Firefox si mette a tipo 20px di distanza... Bho!

--------------------------------- CSS -------------------------------
//Form Log-In
span#login{ float:left; /*border:2px solid white;*/ width:350px; margin:0 0 0px 10px;}


//Form dati utente
form.reg{ background: #222; margin:0 0 0 0px; width:350px; border: 1px solid white;
padding:0px; float:right; display:inline; }

form.reg fieldset{ border: 0px solid white; padding:0px; margin:0px; }


----------------------------------- HTML(PHP)-------------------------------------------
//Form Log-In
echo "<span id='login'>
<form method='post' action=''>
User:<input id='user' name='user' type='text' tabindex='1' maxlength='15' size='9'/>
Password:<input id='pw' name='pw' type='password' tabindex='2' maxlength='15' size='9'/>

<input type='submit' value='Log In' class='button_submit' onMouseOver=".$over." onMouseOut=".$out." />
</form></span> ";


//Form dati utente
echo "<form action='' method='POST' class='reg'><fieldset> <legend>DATIUTENTE</legend></fieldset></form>";

Un'altra cosa, è che onMouseOver e Out, nel INPUT non funziona per nulla...