[Web2.0] tabelle, css e ie

[Simone Volpini]

Aldo Galimberti ha scritto:
> Sto impazzendo!!!!
> 
> Sto cercando di creare con il css  alcuni effetti applicati a una
> tabella che ha un bordo, le righe hanno sfondo alternato e fin qua e'
> facile.
> 
> Quello che mi fa impazzire e' che i sfondi delle righe alternati *NON*
> devono toccare i bordi e fin qua riesco a farlo solo con mozilla ma con
> IE non c'e' verso....
> 
> Qualche suggerimento?

Se fai cosi? ma non assicuro niente :)


#Box_Programmi.Box_ListOutline {
    border-collapse: collapse; /* questo serve per togliere cellspacing
e cellpadding sull'html */
    padding:             5px;
    width:             355px;
    border:            1px solid #1479A2;}

#Box_Programmi .Box_ListOutline tr {
    border-right:      5px solid #F4FBFE;
    border-left:       5px solid #F4FBFE;}
#Box_Programmi .Box_ListOutline tr.alternate {
    color:                #336699;}
#Box_Programmi .Box_ListOutline td {
    border-top:       5px solid #F4FBFE;
    border-bottom:    5px solid #F4FBFE;
    padding:          2px 0 2px 0;
    width:             50%;}
#Box_Programmi .Box_ListOutline td a {
    padding:             0 5px 0 15px;
    font-size:            12px;
    background:          #E1EDF8;
    display:             block;}


------------ html -------------
<table summary="Lista di Programmi" class="Box_ListOutline">
<tr class="solotesto"><th colspan="2">Titoli programmi</th></tr>
<tr class="normal">
  <td><a href="#" title="vai alla scheda del programma ...">A
tavola</a></td>
  <td><a href="#" title="vai alla scheda del programma
...">Argonauta</a></td>
</tr>
<tr class="alternate">
  <td><a href="#" title="vai alla scheda del programma ...">Baobab</a></td>
  <td><a href="#" title="vai alla scheda del programma ...">Bit</a></td>
</tr>
<tr class="normal">
  <td><a href="#" title="vai alla scheda del programma ..">Break</a></td>
  <td><a href="#" title="vai alla scheda del programma ...">Con parole
mie</a></td>
</tr>
</table>


Praticamente lo sfondo delle righe lo fai tramite i tag a che li fai
arrivare fino ai bordi della tabella ma solo a destra e sinistra.

Simone