• User Newbie

    Problema centratura tabella con border-collapse

    Salve a tutti ho uno strano problema con la centratura della tabella ossia... se le metto un bordo essa è centrata, mentre se lo tolgo si sposta a sinistra... questo mi sembra sia causato dalla proprietà border-collapse:collapse che ho aggiunto alla tabella, infatti se la tolgo ritorna centrata... inoltre questo avviene solo su Firefox ma non su IE. Sapete dirmi a cosa potrebbe esser dovuto?
    Per chiarezza questo è il css della tabella:

    [HTML]
    table.main {
    width: 100%;
    /border: solid 1px #FFFF66;/
    border-collapse: collapse;
    }

    td.main {
    width: 600px;
    text-align: center;
    border: dotted 1px #000000;
    }

    td.side {
    border-top: dotted 1px;
    }
    [/HTML]

    E questa invece è la tabella:
    [HTML]
    <table class="main">
    <tr>
    <td></td>
    <td class="main">
    </td>
    <td></td>
    </tr>
    <tr>
    <td class="side"></td>
    <td class="main"></td>
    <td class="side"></td>
    </tr>
    </table>
    [/HTML]

    Grazie mille 🙂