problema barre di scorrimento mozilla

[pegaso22]

Ciao a tutti,
sto utilizzando questo codice per far comparire all'interno di una cella di una tabella le barre di scorrimento.
Su Mozilla però non funziona e praticamente mi allunga la cella fino al termine del suo contenuto.

<span style="width:100%;height:100%;overflow-y:auto;" class="stilenero11">

E' possibile risolvere?
C'è un comando che vada bene su tutti i browser?

Fatemi sapere.
Grazie mille.

[seed_squall_it]

A parte che usare un misto di tabelle e box per il layout non conviene mai, ci sono alcuni "errori di fondo" nel codice.

La cella ha impostate altezza e larghezza fisse? Perché altrimenti quel 100% si riferisce a qualche elemento "padre", probabilmente la tabella o il body della pagina. Poi non puoi usare l'elemento <span>, perché è un elemento in linea e come tale non puoi impostarne le dimensioni. Devi usare un elemento a livello di blocco come un <div>, oppure devi impostare l'elemento <span> come elemento a livello di blocco con display: block nella sua regola di stile. Altra cosa: overflow-y non esiste. La proprietà approvata dal W3C è overflow, mentre IE (che fa tutto di testa sua!) permette di impostare singolarmente lo scroll orizzontale e verticale con overflow-x e overflow-y. Dato che i browser aderenti agli standard impostano overflow per entrambe le scrollbars, devi annidare dentro l'elemento <span> o <div> che usi un altro elemento (<div> o

) senza impostarne la larghezza, ma impostandeone il padding-right (magari a 10px). Così facendo, la barra di scorrimento orizzontale non apparirà impostanto overflow: auto e i contenuti saranno distanziati dalla scrollbar verticale.

[pegaso22]

Potresti postare il codice con le specifiche che mi hai segnalato?
Ho il timore di non impostare bene ciò che mi hai scritto.

Fammi sapere.
Grazie mille.

[seed_squall_it]

Codice HTML:

<td width="300" height="400">
<div id="content">


...TESTO...</p>
</div>
</td>

Codice CSS:

#content {
width: 100%;
height: 100%;
overflow: auto;
padding: 0;
margin: 0;
}

#content p {
padding: 0 10px 0 0;
margin: 0;
}

Ripeto...sarebbe molto meglio evitare le tabelle nel layout e usare l'XHTML. Non solo per l'accessibilità e l'aderenza agli standard, ma anche perché le tabelle (come gli elementi <hr />) non hanno un box model ancora ben definito e supportato.

[pegaso22]

Ora provo, grazie mille.
Per le tabelle, ormai il layout è stato tutto costruito quindi credo resterà così, spero che vada bene ciò che mi hai suggerito.

Grazie mille!!