perfetto allineamento centrale

**colinobg** · 22-08-2008, 21:21

ciao a tutti,
ho questa situazione:

una tabella con tre colonne:
- vorrei che fosse alta tanto quanto la finestra del browser;
- all'interno della colonna centrale vorre allineare al centro, sia verticalmente che orizzontalmente, un filmato flash...

qualche soluzione?

**Raccoon29** · 23-08-2008, 20:07

Ciao,
non capisco bene se le tue esigenze si riferiscono ad un caso particolare, comunque facendo un discorso generale, 3 minuti ho tirato su questo scenario:

HTML:

codice:

<html>
  <head>
    <title>Laboratorio</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    
    <table>
      <tr>
        <td id="colonna_sx"></td>
        <td id="filmato">Qui metti il filmato centrato</td>
        <td id="colonna_dx"></td>
      </tr>
    </table>
    
  </body>
</html>

Mentre il CSS:

codice:

table{
	height: 100%; /* rende la tabella alta quanto il browser */
	width: 100%;
}

#colonna_sx{
	width: 20%;
}

#filmato{
	width: 60%; /* rende la colonna centrale più larga (se ti serve) */
	text-align: center; /* allineamento orizzontale */
	vertical-align: center; /* allineamento verticale */
}

#colonna_dx{
	width: 20%;
}

Questo è generale, puoi prendere spunto per personalizzarlo secondo le tue esigenze.

hth
ciauz

**alex_siv** · 25-08-2008, 09:31

non credo sia così semplice... con internet explorer ci sarebbe height: 100% ma con firefox non funziona

**Raccoon29** · 25-08-2008, 17:19

non credo sia così semplice... con internet explorer ci sarebbe height: 100% ma con firefox non funziona

Veramente il codice prima di postarlo l'ho testato su IE7 e FF2, funziona perfettamente su entrambi.

tested
ciauz

Discussione: perfetto allineamento centrale

Strumenti discussione

Ricerca discussione

Visualizza

perfetto allineamento centrale

Va bene così?

Io dico di sì

Permessi di invio