div float alignement IE<>Firefox

Version imprimable

Bonjour à tous !

Je veux mettre dans une cellule d'un tableau HTML deux div avec une image de fond côte à côte.
Code:

1 2 3 4 5 6 7 8 9 10 <td width=16> <div style="float:left;display:block;width:8px;height:20px;margin:0;padding:0;background:url(image.jpg) no-repeat;"> <a href="url.html" style="display:block;width:8px;height:20px;margin:0;padding:0;"></a></div> <div style="float:right;display:block;width:8px;height:20px;margin:0;padding:0;background:url(image.jpg) no-repeat;"> <a href="url.html" style="display:block;width:8px;height:20px;margin:0;padding:0;"></a></div> </td>
Sous Firefox pas de problème voici ce que ca donne :

http://calap2.free.fr/autres/exempleff.png

Sous IE il y a un div qui se place en haut à gauche et l'autre en bas à droite comme sur sur cette capture d'écran où les 2 div sont en vert :

http://calap2.free.fr/autres/exemple.png

Pourtant il y a la place en largeur de les mettre côte à côte.

Je bloque un peu...

Merci mille fois par avance !

21/05/2010, 09h44
Marc22

bonjour,

des div dans un tableau ça me semble une mauvaise idée. Essaie de ne passer que par des div, et garde l'attribut float en tentant de mettre les deux en float left.
24/05/2010, 10h19
djboy

Merci pour la réponse.

C'est un peu compliqué de ne passer que par des div car j'utilise un tableau de dimensions variables et qui peut aller jusqu'à 50 lignes et 35 colonnes.

Pour l'instant j'utilise 2 images côte à côte

Code:

<img src="image1.jpg" width=8 height=20><img src="image2.jpg" width=8 height=20>

et le problème est qu'en affichant près de 3000 petites images (8px de large sur 20px de hauteur) la page met beaucoup de temps à s'afficher... même si ce sont seulement 10 images différentes qui sont utilisées pour tout le tableau (10 images de couleurs différentes)