Discussion :

[Microturnip]

Bonsoir

je suis donc face a un petit probleme

dans un Div qui prend donc 70% de la t'aille d'un td
un autre div prenant les 30 autres % restant

j'affiche une image prenant 50% de la taille de ce premier div

aucun pb pour firefox

mais pour IE il m'aggrandis mon Div et rapetisse celui d'a coté :O

je n'ai pas ce pb si je met une taille (ex : 400) a la place du 50% (et ce bug survient de 1% a 100%)

voila donc les div l'un a coté de l'autres sont en float : left;

si vous avez une suggestion, merci :p


EDIT :

voila a peu pres ce que c'est censé faire
http://img209.imageshack.us/img209/540/schemaim6.jpg

mais voila ce que sa donne :
http://img222.imageshack.us/img222/4143/schemaqk4.jpg



merci si vous avez une solution :O

[Ikonic]

Salut,

est-ce que ton TD est défini en largeur ?

[popo]

Salut,

est-ce que ton TD est défini en largeur ?

+1

De plus, je ne sais pas si le navigateur peut arriver a s'y retrouver en mettant un élement faisant x% dans un élement dont la largeur est elle aussi relative par rapport à un autre (suis-je clair ?)

A mon avis, il faut déjà une valeur absolue pour fixer la largeur de ton TD, ce qui signifie une valeur en pixel et non en pourcentage.

[Microturnip]

le TD est défini en %

le problème c'est que le site s'adapte a chaque résolution tout fonctionnai sans pb avec firefox jusqu'a ce qu'un jour je test avec IE

donc comment adapter la taille sans utiliser de % ?


EDIT :
j'ai essayé de récupérer la taille du div au chargement de la page
(pour ensuite changer directement la taille de l'image)

sous firefox j'ai la taille, mais pas sous IE (encore lui )
j'ai utilisé (en JS) offsetWidth et clientWidth : o

EDIT ² :
modifier la taille en px du td ou/et du div ne corrige pas le pb :p

[popo]

As-tu pensé au fait que ce n'était peux être pas ton image qui posait problème ?

En gros si tu passe par un TD c'est que tu as au moins deux colonnes à afficher. Est-ce qu'il y a quelque chose dans les colonnes suivantes ?

En fait IE va définir une largeur pour ta colonne uniquement s'il y a un contenu dedans (un texte ou une image par exemple).

Pour être plus explicite avec le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table>
  <tr>
    <td width="70%"><img src="..." alt="..."/></td>
    <td width="30%"></td>
  </tr>
</table>

la largeur de la deuxième colonne ne sera pas prise en compte et ta première colonne prendra toute la place

Au contraire si tu mets quelque chose dans la deuxième colonne (ici, juste un espace pour être sur que ce n'est pas la taille du texte qui fait la largeur) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<table>
  <tr>
    <td width="70%"><img src="..." alt="..."/></td>
    <td width="30%">&nbsp;</td>
  </tr>
</table>

la largeur est correcte !

[Microturnip]

oui j'y ai mis un "lol" (temporaire :])

donc ce n'est pas le pb ^_^