sito centrato

**IlBubibubi** · 25-05-2006, 14:33

Non riesco a mettere il sito centralmente con due colonne vuote una a destra e una a sinistra (come ad esempio hattrick).
Come faccio?

(table width="80%" cellpadding="0" cellspacing="0")
mettendo cosi mi rimane solamente vuota la colonna a destra perché riduco tutto il sito.

Se mi linkate qualche guida utile ancora meglio!
grazie a chi mi aiuta!!!

**pierofix** · 25-05-2006, 14:37

In genere si agisce seguendo questo schema:

codice:

XHTML

<body>
   <div id="pagina">
      
   </div>
</body>


CSS

body
{
   text-align:center;
}
#pagina
{
   width:80%;
   margin:0 auto;
   text-align:left;
}

Le tabelle non sono appropriate per strutturare i documenti web:

- http://pesanervi.diodati.org/pn/index.asp?a=293

**IlBubibubi** · 25-05-2006, 14:43

grazie ci provo!

**Portagalera** · 25-05-2006, 21:02

se vuoi creare tre colonne devi utilizzare tre div.
Per avere meno problemi di visualizzazione possibili di consiglio di adottare uno schema come il seguente:

<div id="left">
<div id="center"></div>
<div id="right"></div>
</div>

In questo modo ti eviti un bel po' di problemi, soprattutto con IE.

Ah naturalmente devi scrivere delle regole appropiate per il CSS...

**pierofix** · 26-05-2006, 09:11

Originariamente inviato da Portagalera
se vuoi creare tre colonne devi utilizzare tre div.
Per avere meno problemi di visualizzazione possibili di consiglio di adottare uno schema come il seguente:

<div id="left">
<div id="center"></div>
<div id="right"></div>
</div>

In questo modo ti eviti un bel po' di problemi, soprattutto con IE.

Ah naturalmente devi scrivere delle regole appropiate per il CSS...

Il markup serve a descrivere, non a presentare.

Realizzare delle colonne vuote al solo fine di generare una spaziatura è improprio e, se vogliamo, davvero poco sensato. I CSS li hanno inventati apposta, e più precisamente le proprietà di margine sono quello che fa per noi.

Attenzione, quindi: la struttura del documento deve essere la più sensata possibile ed evitare ripetizioni o codice inutile non può che giovare alla salute complessiva dei nostri documenti.

Discussione: sito centrato

Strumenti discussione

Ricerca discussione

Visualizza

sito centrato

ok

Permessi di invio