tabella arrotondata (senza immagini) non si vede con Explorer

andrewlupin

tabella arrotondata (senza immagini) non si vede con Explorer

Salve a tutti ragazzi, ho una semplice tabella arrotondata senzai immagini usando dei css (interni), bene gli angoli di questa tabella però sono visibili solo con Firefox, con Explorer no, è possibile fare in modo che si veda anche con quest'ultimo?
Ecco il codice:

<table width="100%" border="0" cellspacing="0" cellpadding="0" style="color: faf6ef; background-color: #faf6ef; -moz-border-radius: 7px; text-align: justify; padding: 10px; border: 1px solid #e6d7be">
  <tr>
    <td> </td>
  </tr>
</table>

...si, lo so cosa state pensando, che ci sono altri metodi con css (più complessi) per fare questo, ma a me servirebbe poter fare nel modo sopra riportato, sempre se è possibile...

Ciao e grazie!

blancks

L'unico modo per ottenere piena compatibilità è usare delle immagini in background.

andrewlupin

...no, non posso, sotto c'è uno sfondo non uniforme...

blancks

Nell'immagine disegni i bordi e rendi trasparente il resto, poi la piazzi in sfondo alla tabella o elemento che vuoi et voilà: qualsiasi cosa c'è sotto continua a starci tranquillamente perchè è trasparente e i bordi sono al contempo visibili.

Altrimenti, l'unica altra soluzione è il border radius, supportato da CSS3 e non da IE.

akela86

Puoi ottenere bordi arrotondati anche senza l'utilizzo si immagini utilizzando un'apposita tecnica.
Eccoti un esempio:
[html]
<div class=bordo1></div>
<div class=bordo2></div>
<div class=bordo3></div>
<table>...</table>
<div class=bordo3></div>
<div class=bordo2></div>
<div class=bordo1></div>
[/html]E poi assegnare a questi elementi uno stile css simile (anche inline va bene):
[html]
.bordo1, .bordo2, .bordo3{
height:1px;
}

.bordo1{
border-top:1px solid black;
margin: 0 3px;
}

.bordo2{
border-left:1px solid black;
border-right:1px solid black;
margin: 0 2px;
}

.bordo3{
border-left:1px solid black;
border-right:1px solid black;
margin: 0 1px;
}
[/html]Spero di essere stato abbastanza chiaro:?