Ciao a tutti, sto cercando di impaginare per bene un form, utilizzando i CSS.
Non sono molto esperto e sto cercando di imparare.
Ho buttato giù due righe di codice:
Il problema è che il DIV rosa delle informazioni con iexplorer viene visualizzato prima del form!!!codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Documento senza titolo</title> <style type="text/css"> #form_mailinglist{ padding:5px 0; margin:10px } #form_mailinglist fieldset{ clear:both; width:600px; padding:0; border:none; border-top:#000000 1px solid } #form_mailinglist fieldset div{ width:100%; margin-top:10px } #form_mailinglist fieldset legend{ clear:right; font-size:120%; color:#000000 } #form_mailinglist fieldset label{ width:150px; text-align:rigth; float:left; margin:5px 0 0 } #form_mailinglist fieldset div.nota_informativa{ width:200px; background-color:#FF99CC; border:#000000 1px solid; float:right } #form_mailinglist div.nota_informativa h3{ margin-top:0px; border-bottom:#333333 thin solid } </style> </head> <body> <form method="post" name="form_mailinglist" id="form_mailinglist" align="right" style="width:600px"> * campi obbligatori</p> <fieldset> <div class="nota_informativa" id="nota_info"> <h3>INFO:</h3> Iscriviti alla nostra mailinglist, riceverai bla bla bla...blaaaaaaaaaaaaaaaaaaaaa</p> </div> <legend>MailingList Form</legend> <div> <label>Nome:</label><input name="nome" id="nome" type="text"/> </div> <div> <label>Cognome:</label><input name="cognome" id="cognome" type="text" /> </div> <div> <label>E-Mail:</label><input name="email" id="email" type="text" /> </div> <input name="submit" id="submit" type="submit" /> </fieldset> </form> </body> </html>
Quello che voglio io invece è solo metterlo alla destra del form, come infatti fa firefox.
Dove sbaglio?
Rispondi quotando