28172 sujets

CSS et mise en forme, CSS3

J'ai un tableau dont les cases se comportent bizarrement.

Sur tous les navigateurs, aucun problème, le contenu prend bien sa place dans les cellules que j'ai dimensionné volontairement.

Mais sous tous les IE du 7 au 9, le contenu se met sur 2 lignes, alors qu'il ne prend même pas la moitié de la largueur de la cellule.

Je ne comprends pas pourquoi oO

<table cellSpacing="0" cellPadding="0" width="100%" border="0" class="tab_contrat">
												<tbody>
													<tr vAlign="top">
														<td class="tab_contrat_gauche">Mode de réglement :</td>
														<td class="tab_contrat_droite">PREL. 3 FOIS CONTRACTUEL</td>
													</tr>
												</tbody>
											</table>


.tab_contrat_droite {
    color: #8D8D8D;
    font-size: 13px;
    height: 32px;
    text-align: left;
    width: 100px;
}

.tab_contrat_gauche {
    font-size: 13px;
    font-weight: 700;
    height: 32px;
    padding-bottom: 10px;
    text-align: left;
    width: 60px;
}


le code n'est pas forcément tip top mais je dois faire des retouches sur un code déjà existant et fait principalement avec des tableaux de partout (même pour la structure de la page) et je me suis fait taper sur les doigts quand j'ai essayer d'améliorer ça, le client veut que ça soit aussi dégueux que ce qu'il m'a passer, juste que le design soit changé xD

si vous avez une idée, je suis preneur Smiley smile
Modifié par gorn (17 Nov 2011 - 15:36)