larghezza fissa delle tabelle

**sirelancillotto** · 02-07-2009, 19:10

Buonasera,

in una pagina html ho delle tabelle, una sotto l'altra, alle quali vorrei dare una larghezza per tutte.

Le tabelle non sono tutte uguali, hanno un numero di righe e colonne variabili.

Il codice di ogni tabella inizia così:

<table class="table"><td><tr> .... </table>

ho poi assegnato in tabella.css:

.table{
width: 700px;
}

questo però non ha alcun effetto poiché le tabelle rimangono delle loro larghezza minima in funzione del loro contenuto.
Tengo a precisare che altri css che ho inserito funzionano, dunque tabella.css viene correttamente caricata.

Suggerimenti?
Grazie.

**Ht28** · 05-07-2009, 22:54

Originariamente inviato da sirelancillotto
Buonasera,

in una pagina html ho delle tabelle, una sotto l'altra, alle quali vorrei dare una larghezza per tutte.

Le tabelle non sono tutte uguali, hanno un numero di righe e colonne variabili.

Il codice di ogni tabella inizia così:

<table class="table"><td><tr> .... </table>

ho poi assegnato in tabella.css:

.table{
width: 700px;
}

questo però non ha alcun effetto poiché le tabelle rimangono delle loro larghezza minima in funzione del loro contenuto.
Tengo a precisare che altri css che ho inserito funzionano, dunque tabella.css viene correttamente caricata.

Suggerimenti?
Grazie.

Stai mischiando css con html, metti un div contenitore che le contiene tutte:

#contenitore{
width:700px;
height:200px;
}

.tabella1{
width:auto;
height:auto;
}

.tabella2{
width:auto;
height:auto;
}

codice html:

<div id=" contenitore">

<span class="tabella1">...</span>

<span class="tabella2">...</span>

</div>

**loop** · 06-07-2009, 00:01

Puoi anche fare 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>
<style type="text/css">
<!--
table {
	width: 700px;
}
-->
</style>
</head>

<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

</body>
</html>

Discussione: larghezza fissa delle tabelle

Strumenti discussione

Ricerca discussione

Visualizza

larghezza fissa delle tabelle

Re: larghezza fissa delle tabelle

Permessi di invio