centrare una cella

**squandre** · 05-04-2004, 16:42

Devo centrare il contenuto di una cella. Utilizzando Explorer 6 e gli stili, ho creato una classe:

.appI_center
{
text-align: center;
}

e l'ho applicata alle celle:

<td class="appI_center">

e funziona.

Il problema è che come qualsiasi altro browser il sistema non funziona e l'unico modo per far centrare il contenuto della cella è quello di applicare l'attributo align="center alla cella".

Qualcuno sa dirmi il motivo?Qual'è il metodo giusto?
Inoltre ormai sono state scritte centinaia di pagine in questo modo,esiste un metodo per mettere a posto le cose attraverso il foglio di stile(e la classe sopra citata?)

**pboscolo** · 05-04-2004, 16:53

allora la cosa migliore è mettere un semplice div align, in quanto devi centrare solamente una cella, se usi le classi fallo perchè devi mettere apposto tanta roba, ma x cose piccole nn ne vale la pena... cmq il perchè funziona o nn funziona sono tutti misteri, anche io ho usato un foglio di stile di link, che si applicava solo su un link! ma!ciao!

**squandre** · 05-04-2004, 17:27

Ho creato una classe perche molte celle la utilizzano.Come ti dicevo ho centinaia di pagine che utilizzano la sintassi:

<td class="appI_center">

Il mio problema è riuscire a centrare tali cella anche con browser diversi da explorer.Purtroppo ci siamo accorti tardi del problema.è posssibile rimediare?
Oltretutto se in una cella che ha già la classe aggiungo l'attributo
align (<td class="appI_center" align="center">) la cella non viene centrata.

**Jerry Masslo** · 05-04-2004, 19:33

dai sintomi ho idea che ci sia qualche altro problema nel codice su cui magari ie sorvola e gli altri browser no, quali altri browser?

non solo si può applicare la classe alle celle ma anche solo alla tabella.

table {text-align:center}

allinea il testo dentro le celle su ogni browser (quelli che ho provato) e così una classe associata alla tabella, o per elementi non intendi testo? Se non intendi solo testo è ie che ha un comportamento fuori standard, perché text-align come indica il nome, serve per allineare testo non altro.

**squandre** · 06-04-2004, 09:33

Effettivamente il testo viene centrato.
Invece la cella in questione contiene una tabella e la tabella contenuta non viene centrata.
Utilazzondo l'attributo align invece, viene centrata anche la tabella contenuta nella cella.
Appurato che text-align non centra le tabelle contenute nella cella, qual'è l'istruzione(tramite css) per centrare la tabella all'interno della cella?

**kaze** · 06-04-2004, 09:48

Prova ad aggiungere

.appI_center
{
text-align: center;
margin:auto;
}

**squandre** · 06-04-2004, 10:40

Non funziona!
La tabella rimane sempre allineata a sinistra.
Sono disperato perche se non trovo un modo per centrarla attreverso i fogli di stili sarebbe improponibile andare a cambiare manualmente le pagine html(sono troppe)

**kaze** · 06-04-2004, 11:35

Ho provato con firefox,Mozzilla,Opera qst codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML LANG="IT">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<style>
table{
width:100%;
height:100%;
text-align:center;
margin:auto;
}
.td_centra{
text-align:center;
margin:auto;
}
</style>
</HEAD>
<BODY>
<table border=1>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>
  <table border=1 style=width:50%;height:50%;>
  <tr>
  <td>1a</td>
  <td>2a</td>
  </tr>
  <tr>
  <td>3a</td>
  <td>4a</td>
  </tr>
  </table>
</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</BODY>
</HTML>

La tabella al centro viene centrata correttamente solamente con IE viene centrata solamente orizzontalmente e no verticalmente.

**kaze** · 06-04-2004, 11:44

Originariamente inviato da kaze
Ho provato con firefox,Mozzilla,Opera qst codice:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML LANG="IT">
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<style>
table{
width:100%;
height:100%;
text-align:center;
margin:auto;
}
.td_centra{
text-align:center;
margin:auto;
}
</style>
</HEAD>
<BODY>
<table border=1>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>
  <table border=1 style=width:50%;height:50%;>
  <tr>
  <td>1a</td>
  <td>2a</td>
  </tr>
  <tr>
  <td>3a</td>
  <td>4a</td>
  </tr>
  </table>
</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</BODY>
</HTML>

La tabella al centro viene centrata correttamente solamente con IE viene centrata solamente orizzontalmente e no verticalmente.

OOOPS la classe td_centra non c'entra niente (che gioco di parole

)

**miriane** · 06-04-2004, 15:07

Originariamente inviato da squandre
Devo centrare il contenuto di una cella. Utilizzando Explorer 6 e gli stili, ho creato una classe:

.appI_center

i nomi delle classi non supportano l'underscore, quindi penso sia questo il problema... cambia in .appIcenter (o altro)

Discussione: centrare una cella

Strumenti discussione

Ricerca discussione

Visualizza

centrare una cella

Re: centrare una cella

Permessi di invio