Centrare table

**emaborsa** · 22-05-2011, 17:21

Ciao, premetto che non sono esperto di HTML e conosco poco niente di Javascript. Sto cercando di centrare un table nel browser aperto. Come esempio vi mostro www.lun.it A centrarlo orizzontalmente non ho problemi, ma a centrarlo verticalmente. Se faccio copia incolla della sorgente, mi resta sempre in alto centrale....e non mi so spiegare il perchè.
Inizialmente pensavo fosse una cosa a livello Javascript e sono andato a cercare. Poi ho scoperto che sta nella dichiarazione dell'altezza per primo table, anche se in quello originale è dichiarato 100%. Se invece di 100% metto un valore fisso, allora ovviamente si sposta verso il basso, ma io vorrei che questo si impostasse da solo in base alla dimensione della finestra.
Chi mi sa dare un mano/dritta?

**Myaku** · 22-05-2011, 19:05

e se invece fai un codice come buona-progettazione-web comanda, lasciando alle tabelle il compito a cui sono destinate (che non è ovviamente quello di impaginare il layout)?

http://css.flepstudio.org/css-tutori...izzontale.html

**emaborsa** · 22-05-2011, 20:20

Originariamente inviato da Myaku
e se invece fai un codice come buona-progettazione-web comanda, lasciando alle tabelle il compito a cui sono destinate (che non è ovviamente quello di impaginare il layout)?

http://css.flepstudio.org/css-tutori...izzontale.html

Avrei scommesso di ricevere una risposta simile, e so anche che ormai si fa (quasi) tutto usando <div>.
è che devo usare quella pagina li, perciò sarebbe solo lavoro extra. Se invece riuscissi a centrarlo mi risparmierei alcune ore.

**Myaku** · 22-05-2011, 20:46

Originariamente inviato da emaborsa
Avrei scommesso di ricevere una risposta simile

allora magari la prossima volta mettici un disclaimer, così sto lontana

forse

**emaborsa** · 25-05-2011, 16:03

Originariamente inviato da Myaku
allora magari la prossima volta mettici un disclaimer, così sto lontana

forse

...bene, dopo qualche giorno di "<div>-learning" ho convertito il mio modo di creare pagine web

In effetti una volta capito come funziona e visto come "strutturare" il tutto, mi rendo conto che è MOLTO più (diciamo) powerful dei <table>

**emaborsa** · 27-05-2011, 22:03

ehi Myaku ..... mi daresti una mano? Non reisco a centrarlo verticalmente.

EDIT:

Trovato....dopo lunghe ricerche

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
  <title>Universal vertical center with CSS</title>
  <style>
    .greenBorder {border: 1px solid green;} /* just borders to see it */
  </style>
</head>

<body>
  <div class="greenBorder" style="display: table; height: 400px; #position: relative; overflow: hidden;">
    <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
      <div class="greenBorder" style=" #position: relative; #top: -50%">
        any text

        any height

        any content, for example generated from DB

        everything is vertically centered
      </div>
    </div>
  </div>
</body>
</html>

Discussione: Centrare table

Strumenti discussione

Ricerca discussione

Visualizza

Centrare table

Permessi di invio