Newsgroup: it.comp.www.html
Titolo: Come fissare la larghezza di una colonna in una tabella?

La domanda sembrerà banale ma non riesco ad ottenere quello che voglio. Nel
mio sito (che sto stravolgendo per renderlo compatibile con più browser e
risolvere i problemi che avevo con IE) vorrei che il menu di sinistra fosse
_sempre_ largo, ad esempio, 160 pixel.
Probabilmente la soluzione è semplice ma complice la poca esperienza non
riesco ad individuare il problema.
Il sito in questione è       
www.alessandroghezzi.it
 
Girando tra le pagine potrete notare che la dimensione del menu varia.
Inoltre, per esempio guardando una fotografia, con IE (specialmente se non a
pieno schermo) si vede l'immagine che va a sovrapporsi al menu di sinistra,
cosa che non succede con firefox o opera 7.5. Per comodità in quella pagina
ho lasciato i bordi alle tabelle, magari possono essere d'aiuto a trovare il
problema
Già che ci siamo, se avete anche voglia di farvi un giro generale per vedere
se trovate problemi, malfunzionamenti o incompatibilità, siete i benvenuti
:)
-- 
Lis
Il mio sito: 
http://lis.altervista.org
Aiuta la ricerca contro il cancro: 
http://snurl.com/ida_team

il tag html per fissare la larghezza di una tabella è width="" es.
width="100"
mentre l'altezza viene fissata con height=""
Non ho notato il problema della sovrapposizione delle immagini sul
menu eppure utilizzo explorer!
Ciao
Eva.

 menu eppure utilizzo explorer!
Mi sembra strano, ho creato 3 immagini, catturate da IE6:
Questa fa vedere il menu di dimension diverse a finestra ingrandita oppure
no
www.alessandroghezzi.it/image1.gif
 
queste invece mostrano il problema dell'immagine che si sovrappone alla
pagina
www.alessandroghezzi.it/image2.gif
www.alessandroghezzi.it/image3.gif
qualche consiglio? grazie
-- 
Lis
www.alessandroghezzi.it
Aiuta la ricerca scientifica: 
http://snurl.com/ida_team
Nella mente del novizio ci sono molte possibilità, ma nella mente
dell'esperto ve ne sono poche (Shunryu Suzuki)

 _sempre_ largo, ad esempio, 160 pixel.
[CUT]
http://www.web-garbage.com/vista.php
Nel tuo caso concreto:
http://www.web-garbage.com/es/css_6.php
-- 
[Non siamo materia che aspetta, ma schemi che si perpetuano.]
Rhadamanth.net (
http://www.rhadamanth.net
)
Web Garbage (
http://www.web-garbage.com
)

Ciao Lis!
ho esaminato il tuo codice e questo è quello che ne è venuto fuori:
-- secondo me ti conviene inserire le dimensioni della tabella o
almeno la larghezza come nell'esempio qui sotto...
<table width="200" border="0" cellspacing="0" cellpadding="0">
.
.
<tr>
  <td class="menu" valign="top">
    <div id="menu">
-- prova eliminare il valore percentuale della tabella (95%), potrebbe
creare problemi quindi prova ad inserire il valore fisso in pixel
Es. width="190"
      <table border="0" width="95%">
        ..
        contenuto del meun
        ..
        </table>
      </div>
  </td>
poi c'è il contenuto:
  <td class="content">
  </td>
e l'eventuale terza colonna
  <td >
  </td>
quindi footer
e fine della tabella
Quindi mi verrebbe da cambiare quel
  <td class="menu" valign="top">
ad esempio in 
  <td class="menu" valign="top" width="200px>
ma il parametro width viene ignorato. E' "colpa" del <div> che
contiene?
--- Dovresti sostituirlo con:
  <td class="menu" valign="top" width="200">
Il css relativo al div il questione è:
div#menu tr {
  border-width: 2px;
}
div#menu td {
  background-color: #0099FF; /* azzurro */
  padding-left: 4px;
}
div#menu td.submenu {
  background-color: #00CCFF; /* azzurro chiaro */
  padding-left: 16px;
  padding-top: 4px;
}
mentre quello del menu è
/* menu */
td.menu {
  width: 160px; /* Dimensioni per Opera 5 */
  \width:170px; /* Dimensioni per Explorer 5.x */
  w\idth:160px; /* Dimensioni per browser standard compliant */
  padding-top: 1em;
  padding-left: .25em;
  padding-right: 1em;
  padding-bottom: 1em;
} 
-- Domanda....
Perchè inserisci nella classe "menu" questi valori?
  padding-top: 1em;
  padding-left: .25em;
  padding-right: 1em;
  padding-bottom: 1em;
-- E' preferibile usare sempre i valori in pixel per i padding.
-- Ultimo consiglio.... elimina le 3 righe:
  width: 160px; /* Dimensioni per Opera 5 */
  \width:170px; /* Dimensioni per Explorer 5.x */
  w\idth:160px; /* Dimensioni per browser standard compliant */
Spero di esserti stata utile
Ciao
Eva

 
http://www.web-garbage.com/es/css_6.php
Ho già provato a seguire vari tutorial e vari esempi; inizialmente avevo
anche provato a fare tutto via css ma i problemi erano tanti, troppi.
Grazie comunque
-- 
Lis
www.alessandroghezzi.it


 Spero di esserti stata utile
Ciao, ho seguito i tuoi consigli e finalmente sono riuscito ad ottenere un
risultato accettabile con i vari browser. 
Grazie!!


molto molto bene ... :)
Buon lavoro!