redimentionner un tableau

différence avec internet exploreur et mozila

Sujet résolu

bipbip14

7 mars 2007 à 18:30:05

voila je me bas :pirate:

depuis 1h et je n'arrive pas à redimentionné mon tableau.

Citation : voilà ce que j'ai mis

#produit
{
margin-left: auto;
width: auto;
border: 4px outset #ffa060; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
margin-right: 40px;
max-width: 200px;
}
.case-produit
{
width: 200px;
height: auto;
max-width: 100px;
vertical-align: middle;
text-align: left;
border-collapse: separate;
border: 2px outset #ffa060;
overflow: scroll;
}

et je crois que j'ai tous éssayé redimentionné la largeur total et mettre les case en auto ou inversement et ça ne change rien je comprend pas, même en mettant 50px ça ne change rien, le probléme c'est que j'ai des case flottante à gauche donc faut qu'il reste à droite, sous mozilla c'est nickel, mais sous internet exploreur c'est la "mer.." les case sont au moin 10% plus large et le tableau passe donc en dessous de mon autre cadre, j'ai bien séparé les différent cadre avec des class ou des id.

ps: dans les cadres il y a des photos et du texte avec prochainement ds liens, je ne suis pas limité par la hauteur juste la largeur

merci d'avance pour votre aide!! :euh:

Benoit 89

7 mars 2007 à 20:06:36

donne le code html qui va avec et la dimension que tu voudrais lui donner...

bipbip14

7 mars 2007 à 20:39:36

voilà le code, je veux qu'il soit placé à une marge gauche de 240 px

Citation : code html

<table id="produit">

<tbody>
<tr>
<td class="case-produit"><img src="photos/Bikini-JOHT42.jpg" alt="bikini" title="Bikini">polyester et spandex, taille unique, avec soutien-gorge bandeau et lacets en rose, bleu ou noir 10,75€</td>
<td class="case-produit"><img src="photos/Camisole-BE600.jpg" alt="ensemble string;" title="Ensemble string, 95%coton - 5% spandex">bordure satin au bretelles, finissions doubles coutures, 205gr/m2 blanc, noir, rouge, rose, baby bleu, orange, turquoise et fushia taille: S,M,L 19,90€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/String-F-BE302.jpg" alt="ensemble string" title="Ensemble string, 95%coton - 5% spandex">bordure satin, 205gr/m2 Noir/rouge blanc/baby bleu blanc/noir blanc/rose blanc/rouge taille: S,M,L 19,90€</td>
<td class="case-produit"><img src="photos/Shorties-BE491.jpg" alt="ensemble shorty" title="Ensemble shorty, 95%coton - 5% spandex">bordure satin au bretelles, finissions doubles coutures, 205gr/m2 blanc, noir, rouge, rose, baby bleu, orange, turquoise et fushia taille: S,M,L 21,90€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/Emsemble-nuit-SK080.jpg" alt="ensemble de nuit" title="Ensemble de nuit">100% coton jersey, haut à bretelles contrastées, short ceinture élastique avec bandes côté contrastées, livré avec poche de rangement coton, 180gr/m2 couleur unique 21,40€</td>
<td class="case-produit"><img src="photos/Shorty HAU210.jpg" alt="shorty" title="Shorty">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 12,50€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/String-HAU230.jpg" alt="string" title="String">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 10,60€</td>
<td class="case-produit"><img src="photos/Slip-f---HAU220.jpg" alt="slip" title="Slip">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 10,60€</td>
</tr>

</tbody>
</table>

c'est un site pour des fringues pour mon père, c'est pour cela qu'il faut que ce soit nickel, comme c'est pour du commerce, c'est vrais que je n'ai pas choisi simple pour commencé mais ça vas pour l'instant je m'en sort. je voudrai que les case fasse 220px de large donc le tableau fera 440px, merci bien!! o_O

Benoit 89

7 mars 2007 à 21:08:06

si j'ai bien compris ton problème, c'est bon. j'ai testé sous FF et IE 7

voilà le code :

<table id="produit">

<tbody>
<tr>
<td class="case-produit"><img src="photos/Bikini-JOHT42.jpg" alt="bikini" title="Bikini">polyester et spandex, taille unique, avec soutien-gorge bandeau et lacets en rose, bleu ou noir 10,75€</td>
<td class="case-produit"><img src="photos/Camisole-BE600.jpg" alt="ensemble string;" title="Ensemble string, 95%coton - 5% spandex">bordure satin au bretelles, finissions doubles coutures, 205gr/m2 blanc, noir, rouge, rose, baby bleu, orange, turquoise et fushia taille: S,M,L 19,90€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/String-F-BE302.jpg" alt="ensemble string" title="Ensemble string, 95%coton - 5% spandex">bordure satin, 205gr/m2 Noir/rouge blanc/baby bleu blanc/noir blanc/rose blanc/rouge taille: S,M,L 19,90€</td>
<td class="case-produit"><img src="photos/Shorties-BE491.jpg" alt="ensemble shorty" title="Ensemble shorty, 95%coton - 5% spandex">bordure satin au bretelles, finissions doubles coutures, 205gr/m2 blanc, noir, rouge, rose, baby bleu, orange, turquoise et fushia taille: S,M,L 21,90€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/Emsemble-nuit-SK080.jpg" alt="ensemble de nuit" title="Ensemble de nuit">100% coton jersey, haut à bretelles contrastées, short ceinture élastique avec bandes côté contrastées, livré avec poche de rangement coton, 180gr/m2 couleur unique 21,40€</td>
<td class="case-produit"><img src="photos/Shorty HAU210.jpg" alt="shorty" title="Shorty">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 12,50€</td>
</tr>

<tr>
<td class="case-produit"><img src="photos/String-HAU230.jpg" alt="string" title="String">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 10,60€</td>
<td class="case-produit"><img src="photos/Slip-f---HAU220.jpg" alt="slip" title="Slip">92% coton, 8% Elasthanne blanc ou noir taille: 36, 38, 40, 42 10,60€</td>
</tr>

</tbody>
</table>

#produit
{
margin-left: auto;
width: 440;
border: 4px outset #ffa060; /* Bordure du tableau avec effet 3D (outset) */
border-collapse: collapse; /* Colle les bordures entre elles */
margin-right: 40px;
}
.case-produit
{
width: 220px;
vertical-align: middle;
text-align: left;
border-collapse: separate;
border: 2px outset #ffa060;
overflow: scroll;
}

bipbip14

8 mars 2007 à 17:53:39

merci bien mais sous internet exploreur 6 ça ne fonctionne toujour pas je comprend pas pourquoi on ne peut pas redimentionné ce tableau, si quelqu'un à une autre solution mème autre que un tableau.
merci d'avance

Bon j'ai trouvé une solution pour ceux que ça intéraisse, j'utilise un Padding 0px, car internet exploreur 6 garde une marge à droite pour je ne sais quel raison, et là il y a toujour une marge mais bien moindre et ça rentre dans mon cadre, donc c'est ok (Mais il est quand mème casse bonbon ce windaub!!) :lol:

Vive Firefox!!!

et merci!!!!!