Bordi table: bug di firefox?

[marruz]

ho una semplicissima tabella con due colonne alla quale è associato questo css


#tabella {
border:none;
}

#tabella td {
border-top:1px solid #8F8D8D;
border-bottom:1px solid #8F8D8D;
padding: 10px 4px;
}


l'intenzione è quella di avere soltanto il bordo superiore e inferiore della tabella.
con IE funzia. con Firefox mi mostra il bordo centrale (che divide i due td)...

qualcuno sa aiutarmi a capire in cosa sto sbagliando?

merci

[Kreatore]

ti mostra il bordo dei td perchè gli dici di visualizzarti quelli. è IE come sempre che canna.
Imposta alla #tabella{border-top e borer-bottom} e annulla il bordo interno dei td{border:none;}

[marruz]

Originariamente inviato da Kreatore
ti mostra il bordo dei td perchè gli dici di visualizzarti quelli. è IE come sempre che canna.
Imposta alla #tabella{border-top e borer-bottom} e annulla il bordo interno dei td{border:none;}

pardon... ho scritto fischi per fiaschi.

laddove dicevo "l'intenzione è quella di avere soltanto il bordo superiore e inferiore della tabella" in realtà volevo dire "l'intenzione è quella di avere soltanto il bordo superiore e inferiore della cella"

quindi: io vorrei avere solo il bordo al top e al bottom di ogni cella ma su firefox viene visualizzato anche il bordo che divide le due celle.

ho notato che la cosa scompare dando separate al border-collapse (però così facendo i bordi si raddoppiano... e non va bene)

[keratox]

aggiungi border:0px a "table td" prima della definizione dei bordi verticali

probabilmente c'è un border preimpostato alla cella

[marruz]

Originariamente inviato da keratox
aggiungi border:0px a "table td" prima della definizione dei bordi verticali

probabilmente c'è un border preimpostato alla cella

ho provato

#tabella td {
border:0px;
border-top:1px solid #8F8D8D;
border-bottom:1px solid #8F8D8D;
padding: 10px 4px;
}

ma non se lo fila

[mcolombara]

ma il risultato quale dovrebbe essere, questo?

[marruz]

Originariamente inviato da mcolombara
ma il risultato quale dovrebbe essere, questo?

hi.

più o meno. non voglio il doppio bordo tra una riga e l'altra.
ti dirò di più, io ho già risolto "aggirando" il problema (metto il bordo solo al top e imposto border-collapse su separate).

nondimeno, più per curiosità che per una reale esigenza, mi piacerebbe capire perché a firefox quel css non piace. non fosse altro che, sapendo che ff normalmente interpreta correttamente, ipotizzo l'errore essere mio.

[mcolombara]

ma tu, con il css originale

#tabella {
border:none;
}

#tabella td {
border-top:1px solid #8F8D8D;
border-bottom:1px solid #8F8D8D;
padding: 10px 4px;
}

,

che problemi avevi? il doppio bordo orizzontale?
In sostanza, vedevi la pagina come nell'immagine che ho allegato prima?

[marruz]

Originariamente inviato da mcolombara
ma tu, con il css originale

#tabella {
border:none;
}

#tabella td {
border-top:1px solid #8F8D8D;
border-bottom:1px solid #8F8D8D;
padding: 10px 4px;
}

,

che problemi avevi? il doppio bordo orizzontale?
In sostanza, vedevi la pagina come nell'immagine che ho allegato prima?

se imposto border-collapse a collapse il problema, come dicevo nel post d'apertura, è che viene visualizzato anche il bordo che divide le due celle adiacenti di una stessa riga.

es:
----------
td | td
----------
td | td
----------

se imposto border-collapse a separate i due bordi si giustappongono, come è giusto che sia, dando come risultato una linea più spessa del necessario tra una riga e l'altra.

[mcolombara]

con

#tabella {
border:none;
border-collapse:collapse;
}

#tabella td {
border-top:1px solid #8F8D8D;
border-bottom:1px solid #8F8D8D;
padding: 10px 4px;
}


il risultato è quello in allegato.
Con Firefox 1.0.6