Tabella... "al centro"

**lorenzone92** · 23-06-2008, 10:05

Ciao!

Come posso creare una tabella che stia sempre al centro, indipendentemente dalle varie risoluzioni/configurazioni degli utenti?
Intendo al centro sia right-left ma anche header-footer, dall'alto in basso...

Ciao!!

**ricman** · 23-06-2008, 12:57

http://www.google.it/search?q=centrare+box

**andriex** · 23-06-2008, 13:00

per quanto riguarda al centro orizzontale è semplice (width 100%) per quanto riguarda quello verticale penso che il height 100% non funziona (forse si prova) inserendolo in un altra tabella con la vella valign="middle"... opzione è, tramite javascript, scrive come altezza della tabella altezzo della risoluzione e sempre un valgin="middle"

**lorenzone92** · 23-06-2008, 14:22

Ho cercato su Google ma vengono tutti quanti così:
http://www.consulenza-web.com/pages/box_centrato.html

La mia pagina ha un'immagine di background specificata nel body:

codice:

<body style="background-image: url(xxxx);</body>

... e inserendo questo (ad esempio), lo sfondo si "perde" nel box:

codice:

div.centrato {
  display:     block;
  width:       300px;
  height:      200px;

  position:    absolute;
  top:         50%;
  left:        50%;

  margin:      -150px 0 0 -100px;
}

**andriex** · 23-06-2008, 14:29

ma tu che risultato vuoi??? box in centro o in alto a sinistra??? non c'è immagine di sfonod...

**lorenzone92** · 23-06-2008, 14:38

Il sito è questo: rockciclopedia.com
Come vedi c'è uno sfondo, se inserisco quel box lo sfondo del box rimane bianco!

**andriex** · 23-06-2008, 14:54

ok... se lo devi mettere in centro con quello sfondo... basta che togli i margin... metti un div con width 100%, text-align center... e questo tuo div con sfondo rosso all'interno...

**lorenzone92** · 24-06-2008, 00:04

togliendo i margin viene così:

Io voglio lo stesso sfondo di background specificato nel body!

**ricman** · 24-06-2008, 08:58

Originariamente inviato da lorenzone92
Ho cercato su Google ma vengono tutti quanti così
...

Già il primo risultato di gooogle del link che ti avevo passato porta a questo codice per centrare SIA in verticale CHE in orizzontale.

codice:

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

#box {
width:350px; height:200px;
position:absolute;top:50%;left:50%;
margin:-100px 0 0 -175px;
}

(Non ho guardato il tuo sito... ma mi sembrava di aver capito che volevi questo tipo di centratura. Se avevo capito male chiedi pure che vediamo...)

**lorenzone92** · 24-06-2008, 10:44

Non hai capito, questo è il problema:

lo sfondo del box dovrebbe ssere lo stesso del body!

Discussione: Tabella... "al centro"

Strumenti discussione

Ricerca discussione

Visualizza

Tabella... "al centro"

Permessi di invio