Problema valign con browser diversi da ie

**miss_lucifer** · 16-03-2004, 17:26

Ciao, ho trovato un problema di visualizzazione nel test di un sito web con browser diversi da ie (netscape, mozilla, opera).

Per allineare una tabella di dimensioni fisse al centro della pagina ho fatto in questo modo:

<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">

</td>
</tr>
</table>

Con ie funziona tutto alla perfezione ma con gli altri 3 browser con cui ho testato la pagina la tabella di allinea centralmente solo in orizzontale rimanendo al top della finestra.

Qualcuno sa dirmi come risolvere il problema ?

**Federix** · 16-03-2004, 17:38

Sta cosa è strana perché l'attributo valign è universale e va bene in tutti i browser. Questo sopra è un codice fittizio o è quello reale della tua pagina???

**miss_lucifer** · 16-03-2004, 17:53

E' il codice reale della pagina, l'unica differenza è che al posto del commento c'è una tabella di larghezza fissa pari a 600px.

Inoltre questa è la classe del body:

BODY {
background-color: #ffffff;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000026;
}

Senza dare l'height al body non mi veniva centrata nemmeno con ie.

**Marcolino's** · 16-03-2004, 21:19

Manca align=center dentro a <table>

**miss_lucifer** · 18-03-2004, 12:23

L'attributo align è riferito solo al posizionamento orizzontale.

**miss_lucifer** · 22-03-2004, 11:46

Niente?

**Marcolino's** · 22-03-2004, 11:50

va be allora visto che hai voluto la bicicletta ....
elimina align all'interno di <table>, e modifica body così:

codice:

BODY {
background-color: #ffffff;
margin: 0px;
padding: 0px;
height: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000026;
text-align: center;
} 

quindi aggiungi:
table {
margin: auto;
}

E la tua tabella sarà allineata al centro pagina.

**miss_lucifer** · 22-03-2004, 12:51

Intendevi l'align del <td> della tabella esterna ?

Se ti riferivi a quello ho provato ma con l'unico risultato di avere la tabella interna allineata al top e a sinistra; ma poi align e text-align non sono riferiti solo al posizionamento orizzontare?

**miss_lucifer** · 23-03-2004, 13:56

Visto che il problema pare non risolvibile, quale altro modo potrei utilizzare per allineare una tabella di piccole dimensioni al centro di una pagina? div?

**Marcolino's** · 23-03-2004, 14:32

Yeah

Comunque ho realizzato un post in cui c'è un nutrito numero di bookmark che potrebbero aiutarti al riguardo.

codice:

css - foglio.css
body {
margin: 0;
padding: 0;
text-align: center;
}
table {
margin: auto;
width: 100%;
height: 100%;
}

html - pagina.html
<html>
<head>
<title>Vediamo se va al centro</title>
<link rel='stylesheet' href='foglio.css' media='screen'>
</head>
<body>
<table>
  <th>
    <td></td>
  </th>
</table>
</body>
</html>

Dimmi come ti sembra.

Discussione: Problema valign con browser diversi da ie

Strumenti discussione

Ricerca discussione

Visualizza

Problema valign con browser diversi da ie

Permessi di invio