CSS e sostituzione tabella

[corbin]

Dovrei creare con i CSS l'equivalente di una tabella composta da una sola cella larga 500px e alta 400px, centrata nella pagina e non ridimensionabile. Il testo all'interno dev'essere giustificato.
Ho letto e riletto sull'argomento, ma non ho trovato nessun esempio che mi permetta di farlo. Gestendo la distanza dai margini non ottengo lo stesso risultato.
Ringrazio in anticipo chiunque mi suggerisca qualche codice di esempio.

Ciao!

[Francis87]

body {
 text-align: center;
}
table {
 width: 500px;
 height: 400px;
 margin-left: auto;
 margin-right: auto;
}
td {
 text-align: justify;
}

[floyd46]

Originariamente inviato da corbin
Dovrei creare con i CSS l'equivalente di una tabella composta da una sola cella larga 500px e alta 400px, centrata nella pagina e non ridimensionabile. Il testo all'interno dev'essere giustificato.
Ho letto e riletto sull'argomento, ma non ho trovato nessun esempio che mi permetta di farlo. Gestendo la distanza dai margini non ottengo lo stesso risultato.
Ringrazio in anticipo chiunque mi suggerisca qualche codice di esempio.

Ciao!

Oppure lasciar stare le tabelle( )
e passare ai DIV; sono + flessibili e, credimi, molto più "leggeri" in una pagina, rispetto alle tabelle.

-Floyd-

[Francis87]

Originariamente inviato da Francis87

body {
 text-align: center;
}
div {
 width: 500px;
 height: 400px;
 margin-left: auto;
 margin-right: auto;
 text-align: justify;
}

se intendevi farla con i div usa il codice qua sopra (modificato)

[floyd46]

ciao

ti ho creato un esempio del box che vuoi al seguente indirizzo:

http://www.extrowebsite.com/prova.htm

spero vada bene.

Visualizza >> html >> e ti copi il codice.

[corbin]

Originariamente inviato da floyd46
Ti ho creato un esempio del box che vuoi al seguente indirizzo: http://www.extrowebsite.com/prova.htm

Perfetto! E' proprio quello che cercavo.

<style type="text/css">
body{
margin:10px;
padding:0px;
text-align:center;
}

div#box{
margin:0px auto 0px auto;
padding:10px;
color:#369;
font-family:Verdana;
font-size:12px;
text-align:justify;
width: 500px;
height: 400px;
border: 1px solid #f00;
}
</style>

Come mai per azzerare i margini si ripete due volte il valore Opx e auto? Grazie ancora!

[floyd46]

La "rotazione" va in senso orario, quindi:

margin:0px auto 0px auto;

vuol dire:

top: 0px;
right:auto;
bottom:0px;
left:auto;

:bubu: