centrare layout in una pagina

**Fobia** · 02-03-2007, 00:59

salve a tutti,
ho la seguenta struttura di una pagina html:

codice:

<html>
<head>...</head>
<body>
<div id="container">
 <div id="header"> 
  [img]/banner.gif[/img]
</div>
<div id="navigation"> ... </div>
<div id="extra"> ... </div>
<div id="corpo"> ... </div>
<div id="footer"> ... </div>

e il seguente css --> link

ora vorrei centrare il mio layout nella pagina (dato che il tutto ha un width=850)
Come posso fare? con IE 6 ho risolto ma Firefox proprio non ne vuole sapere...
grazie mille per l'aiuto.

**jackalt** · 02-03-2007, 03:00

html,body{margin: 0 auto; height: 100%; }

così dovresti risolvere...

**ricman** · 02-03-2007, 11:21

Originariamente inviato da jackalt
html,body{margin: 0 auto; height: 100%; }
così dovresti risolvere...

Se non ricordo male dovrebbe aggiungere anche un text-align:center per IE ...

**Mich_** · 02-03-2007, 11:31

Il <body> non si puo` centrare. Non in IE , per lo meno, dato che coincide con la finestra.

Per centrare tutta una pagina, occorre inserirla in un unico oggetto (<div>) e centrare tale oggetto:

codice:

<body>
  <div id="tutto">
    ... tutto il contenuto ...
  </div>
</body>

CSS:
html, body {
  text-align: center;    /* per far contento IE6- */
  font-size: 100%;
  width: 100%;           /* altrimenti il margin sotto non ha riferimenti */
}
#tutto {
  margin: 0 auto;      /* centrare nei browser standard */
  text-align: left;        /* per correggere il center del body */
}

**Fobia** · 02-03-2007, 14:36

ehm...non funziona né con IE né con Firefox

**ricman** · 02-03-2007, 15:58

Originariamente inviato da Fobia
non funziona né con IE né con Firefox

Copiati pari pari il codice di Mitch_ e poi guarda il risultato (funziona di sicuro).
Poi piano piano applichi le modifiche per arrivare al Tuo risultato...

**Fobia** · 02-03-2007, 15:59

è quello che ho fatto...ma purtroppo non cambia niente...

**ricman** · 02-03-2007, 16:13

Originariamente inviato da Fobia
è quello che ho fatto...ma purtroppo non cambia niente...

Ho aperto la tua homepage ed ho visto che non è centrata, ho usato l'editor dei Css di FF ed ho aggiunto "margin:0 auto;" al container (quello di ottocento_qualcosa pixel, mi pare). Pagina centrata!!

Per vederlo centrato anche in IE, come già suggerito, aggiungi pure text-align:center al body.

Ciao

**Fobia** · 03-03-2007, 13:21

funziona!!!! grazie mille!

**the_driver** · 08-06-2008, 13:46

Discussione: centrare layout in una pagina

Strumenti discussione

Ricerca discussione

Visualizza

centrare layout in una pagina

Permessi di invio