Tabella con alcune celle di dimensione fissata

**ale83_webmaster** · 01-12-2008, 17:57

Aiutatemi, perché non ci sto capendo più niente...

Voglio realizzare una tabella come questa che ho abbozzato in figura:

La dimensione di quelle due celle deve essere esattamente quella (non un pixel in più, né uno in meno), mentre le altre celle devono adattarsi alla larghezza della tabella (il 93% della larghezza della pagina), a prescindere da quale risoluzione dello schermo usa chi visita la pagina web.

Con colspan ho unito le prime due colonne nella seconda e terza riga e le ultime due colonne nell'ultima riga (e fin qui ci siamo).
Ho dato le dimensioni alle due celle di cui voglio una dimensione fissa, ma queste vengono più larghe del previsto (anche aumentando la larghezza, in percentuale, delle celle che gli stanno accanto) oppure, addirittura, si allineano come se nella tabella ci fossero solo due colonne e non tre.

Questo è il codice che ho usato:

codice:

<table width="93%" border="1" align="center"> 

<tr> 
<td colspan="3"></td> 
</tr> 

<tr> 
<td colspan="2" width="80%"></td> 
<td bgcolor="green" rowspan="2" width="246" height="80" style="padding: 0px"></td> 
</tr> 

<tr>
<td colspan="2" width="80%"></td> 
</tr>

<tr> 
<td colspan="3"></td> 
</tr> 

<tr> 
<td colspan="2" width="60%"></td>
<td bgcolor="green" width="468" height="60" style="padding: 0px"></td> 
</tr> 

</table>

Dove sbaglio?

P.S.: Ho provato anche a impostare la larghezza delle celle tramite CSS, ma non cambia nulla.

**Gufo** · 01-12-2008, 18:22

Io non so il contenuto ma le celle con dimensioni fisse le rispettano solo in larghezza perchè in altezza si adattano al contenuto

**ale83_webmaster** · 01-12-2008, 18:27

Ma infatti il problema non è per l'altezza, ma per la larghezza.
Quelle due celle di dimensione fissata vengono più larghe del dovuto.

**Gufo** · 01-12-2008, 18:31

Originariamente inviato da ale83_webmaster
Ma infatti il problema non è per l'altezza, ma per la larghezza.
Quelle due celle di dimensione fissata vengono più larghe del dovuto.

Ora faccio una prova perchè mi sembra strano a me non è mai successo

**Gufo** · 01-12-2008, 19:01

Prova così:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

<body>

<table width="93%" border="1" align="center" cellpadding="3" cellspacing="5">
      <tr>
            <td colspan="3"></td>
      </tr>
      <tr>
            <td width="438"></td>
            <td width="222"></td>
            <td width="246" height="60" rowspan="2"></td>
      </tr>
      <tr>
            <td width="438"></td>
            <td width="222"></td>
      </tr>
      <tr>
            <td colspan="3"></td>
      </tr>
      <tr>
            <td width="438"></td>
            <td height="80" colspan="2"></td>
      </tr>
</table>


</body>
</html>

**ale83_webmaster** · 01-12-2008, 19:48

Ma così la seconda e la terza riga vengono spezzettate in due...

E inoltre, mettendo delle dimensioni fisse a tutte le celle, chi usa una risoluzione dello schermo più grande (1280x1024, ad esempio) non vedrà le celle con la stessa dimensione, ma lo spazio in più verrebbe ripartito tra le celle e quindi quelle due non sarebbero più della dimensione che voglio fissare.

Non è che con i CSS c'è qualche "trucchetto" per impostare la dimensione come voglio io?

**ale83_webmaster** · 29-04-2011, 23:07

Mi riallaccio a questa mia vecchia discussione, senza aprirne una nuova, perché ho un problema simile a quello di cui si parla qui su, ma forse questo ha una soluzione più semplice.

Ho una tabella che deve occupare la larghezza della pagina (quindi width="100%") e questa tabella è composta da una sola riga e da varie colonne.
Tutte le celle della riga hanno una larghezza fissata, tranne l'ultima alla quale non ho assegnato alcun valore alla larghezza (né in pixel, né in percentuale), perché vorrei che riempisse tutto lo spazio rimanente tra la fine della penultima cella e la fine della pagina.
In Internet Explorer funziona tutto come vorrei io, mentre in Firefox l'ultima cella si limita ad avere la stessa larghezza del suo contenuto (e quindi la tabella ha una larghezza minore di 100%).

Ho provato ad impostare le larghezze sia tramite HTML che CSS, ma non cambia nulla.
Avete qualche suggerimento da darmi per risolvere il problema?

**Vincent.Zeno** · 29-04-2011, 23:22

problema nuovo: topic nuovo

topic defunto: topic nuovo

ergo... chiudo

riaprine pure una nuova

Discussione: Tabella con alcune celle di dimensione fissata

Strumenti discussione

Ricerca discussione

Visualizza

Tabella con alcune celle di dimensione fissata

Nuovo problema simile al precedente

Permessi di invio