2009-10-17 8 views

risposta

8

incapsulare in un div con il seguente CSS attributi:

<div style="width:400px; margin-right:auto; margin-left:auto; border:1px solid #000;"> 
    <form action="helloWorld"> 
     <Some markup> 
    </form> 
</div> 
+0

add on: usare XHTML 1.0 di transizione. Anche per accorciarlo: 'margin: 0px auto;' – mauris

+0

Avresti anche bisogno di 'text-align: center' sul tuo body/div per centrarlo correttamente nella pagina, non basta avere i margini come auto. –

+0

grazie mille. Che dire dei margini in alto e in basso ??? il codice sopra riportato posiziona il modulo nella parte superiore della pagina/ – Anand

1

Ho creato un file css con il seguente:

form {width: 40%; 
     margin-right: 30%; 
     margin-left: 30%; 
     background-color: green} 

div.mainform {width:100%; 
       border:1px solid #000} 

Quindi nel documento HTML che ho usato.

<DIV ID="MAINFORM"> 
    <FORM> 
     Other HTML Markup 
    </FORM> 
</DIV> 
1

Basta usare:

<div style="margin:0 auto" align=center> 
<input button> 
</div> 
Problemi correlati