Aller au contenu
Choisir la langue
Aller à la recherche

Forums des Zéros

Une question ? Pas de panique, on va vous aider !

Liste des forums

Partage

problème de compatibilité firefox/explorer

28 janvier 2006 à 4:50:42

Bonjour,

j'ai codé un tableau mais hélas il ne m'affiche pas la même chose sur internet explorer que sur firefox... J'aimerai que ce tableau soit aux normes Xhtml strict et qu'il ait la même apparence sur firfox et sur explorer quelqu'un pourrai m'aider ?

voici mon code

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td rowspan="4">
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale2_416_10.gif" alt="part1"/>
</td>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale3_416_10.gif" alt="furniture"/>
</td>
<td rowspan="4">
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale7_416_10.gif" alt="part2"/>
</td>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale8_416_10.gif" alt="bedding"/>
</td>
<td rowspan="4">
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale12_416_10.gif" alt="part3"/>
</td>
</tr>
<tr>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale4_416_10.gif" alt="part4"/>
</td>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale9_416_10.gif" alt="part5"/>
</td>
</tr>
<tr>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale5_416_10.gif" alt="accesories"/>
</td>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale10_416_10.gif" alt="view all"/>
</td>
</tr>
<tr>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale6_416_10.gif" alt="part6"/>
</td>
<td>
<img src="http://a451.g.akamai.net/7/451/1713/0001/image1.styleinamerica.com/pbecimgs/images/bld-20060119-009/home/hdr_sale11_416_10.gif" alt="part7"/>
/td>
</tr>
</table>

merci beaucoup

28 janvier 2006 à 6:26:40

quelle est ta dtd ?

28 janvier 2006 à 6:53:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

voila !
Je pense que c'est les attributs : cellspacing et cellpadding qui ne sont pas reconnu par explorer quelqu'un saurait par quoi les remplacers ?

sinon ma page n'est pas au norme xhtml strict car j'utilise Valign par quoi je pourrait le remplacer pour qu'elle soit aux normes ?

28 janvier 2006 à 8:38:40

il faut le faire en css
table { border-collapse:collapse: }
td {display: table-cell; vertical-align: middle; padding:0;}

28 janvier 2006 à 22:44:09

J'ai essayer ton code !
Il marche sur firefox mais les élément du tableau reste séparé quand je suis sur explorer !! Pourquoi ?

28 janvier 2006 à 22:51:37

C' est un problème venant d' Internet Exploreur.

28 janvier 2006 à 23:11:51

en fait, je pense qu'il me faudrait
td {display: table-cell; vertical-align: middle; padding:0;}

mais pour les ligne et ça devrait marcher !

29 janvier 2006 à 5:29:37

tr {display: table-cell; vertical-align: middle; padding:0; margin:0; border-collapse:collapse;}

29 janvier 2006 à 22:03:52

ça ne fonctionne pas !

quelqu'un aurait une autre idée pour pouvoir faire coller les cellules d'un tableau contenant des images avec explorer ??

merci

problème de compatibilité firefox/explorer

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.

× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.