[css]erreur d'interpretation par IE
Résolu
bezourox
Messages postés
730
Date d'inscription
Statut
Membre
Dernière intervention
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
bonjour.
voila j'ai un petit probleme dans mon fichier .css
en effet, je crée un style pour encadrer un tableau .
en voila le code :
table.cadre_sable_fonce {
border: 8px solid #b59681;
padding: 2%;
font : 14px Comic Sans MS; color : #000000
}
resultat sous firefox : tout OK
resultat sous Internet Exploreur : OK sauf le padding . Internet exploreur n'en tient pas compte et du coup mon texte touche le cadre a droite et a gauche .
Quelqu'un aurait la solution a ce probleme ?
voila j'ai un petit probleme dans mon fichier .css
en effet, je crée un style pour encadrer un tableau .
en voila le code :
table.cadre_sable_fonce {
border: 8px solid #b59681;
padding: 2%;
font : 14px Comic Sans MS; color : #000000
}
resultat sous firefox : tout OK
resultat sous Internet Exploreur : OK sauf le padding . Internet exploreur n'en tient pas compte et du coup mon texte touche le cadre a droite et a gauche .
Quelqu'un aurait la solution a ce probleme ?
A voir également:
- [css]erreur d'interpretation par IE
- Comment recuperer whatsapp supprimé par erreur - Guide
- Erreur 0x80070643 - Accueil - Windows
- Erreur 0x80070643 Windows 10 : comment résoudre le problème de la mise à jour KB5001716 - Accueil - Windows
- Erreur 4101 france tv - Forum Lecteurs et supports vidéo
- Erreur 4201 france tv ✓ - Forum Réseaux sociaux
8 réponses
Salut,
Suis pas sur que le padding avec un % soit le top ... A mon avis, tu ferais mieux d'utiliser des valeurs en px ou em. Sinon, ba contourne en utilisant une class pour ton texte ;) Par ex :
.tableau {
margin: 10px;
font : 14px Comic Sans MS; color : #000000;
}
@+
Suis pas sur que le padding avec un % soit le top ... A mon avis, tu ferais mieux d'utiliser des valeurs en px ou em. Sinon, ba contourne en utilisant une class pour ton texte ;) Par ex :
.tableau {
margin: 10px;
font : 14px Comic Sans MS; color : #000000;
}
@+
tinquite j'ai essayé déja avec les unités em et px mais ca change rien ... :s
ben merci pour ta solution je pense que je vais faire comme ca mais j'aurai bien voulu avoir l'explication de IE qui ne veut pas du padding ...
ben merci pour ta solution je pense que je vais faire comme ca mais j'aurai bien voulu avoir l'explication de IE qui ne veut pas du padding ...
Ba je sais que IE est extremement casse bonbon avec les padding en regle général. Apres ca m'étonnerai pas qu'il ne le gere pas pour les cellules d'un tableau.
cela dit, tu as essayé d'appliquer le padding non pas au "table" mais au "tr" ou "td", ce qui concerne plutot les cellules la ou tu vas mettre le texte ? du genre :
td.tableau {
margin: 10px;
font : 14px Comic Sans MS; color : #000000;
}
cela dit, tu as essayé d'appliquer le padding non pas au "table" mais au "tr" ou "td", ce qui concerne plutot les cellules la ou tu vas mettre le texte ? du genre :
td.tableau {
margin: 10px;
font : 14px Comic Sans MS; color : #000000;
}
ben tu devrais déjà écrire comme ça:
table.cadre_sable_fonce {
border-style: solid;
border-width:8px;
border-color:#b59681;
padding: 3%;
font-size: 9pt;
font-family: Comic Sans MS;
color : #000000;
}
Y a des chances qu'il pige mieux.
table.cadre_sable_fonce {
border-style: solid;
border-width:8px;
border-color:#b59681;
padding: 3%;
font-size: 9pt;
font-family: Comic Sans MS;
color : #000000;
}
Y a des chances qu'il pige mieux.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
bon merci pour vos propositions .
je vais les tester apres manger et je tiens au jus :)
bon app' a tous
je vais les tester apres manger et je tiens au jus :)
bon app' a tous
salut,
pour les explications tu les trouveras ici.
dans le calcul de la taille, IE ajoute à tort le {padding}.
il faut apprendre à coder avec. pour les valeur en haut et en bas, en général pas de problème puisque la page s'étire (sauf hauteur fixe). le problème se pose le plus souvent avec les espacement latéraux. la solution : ne pas les utiliser…
essaie à la place de mettre une marge équivalente. si le rendu ne te convient pas (problème de couleur de fond par exemple) il faudra peut être revoir la structure de ton document html pour pouvoir faire ce que tu veux.
pour les unités tu peux garder une valeur relative en %. plus le design sera fluide mieux ce sera. tu devrais en faire de même avec les tailles de police (si possible et le mieux étant les em) pour que l'utilisateur puisse la faire varier selon ses besoins.
bon courage !
pour les explications tu les trouveras ici.
dans le calcul de la taille, IE ajoute à tort le {padding}.
il faut apprendre à coder avec. pour les valeur en haut et en bas, en général pas de problème puisque la page s'étire (sauf hauteur fixe). le problème se pose le plus souvent avec les espacement latéraux. la solution : ne pas les utiliser…
essaie à la place de mettre une marge équivalente. si le rendu ne te convient pas (problème de couleur de fond par exemple) il faudra peut être revoir la structure de ton document html pour pouvoir faire ce que tu veux.
pour les unités tu peux garder une valeur relative en %. plus le design sera fluide mieux ce sera. tu devrais en faire de même avec les tailles de police (si possible et le mieux étant les em) pour que l'utilisateur puisse la faire varier selon ses besoins.
bon courage !
re.
bon ca marche pas ... :s
je vais pas me peter le ***, je vais crer 2 <td> supplémentaire , un a droite, un a gauche, vides et avec une largeur fixe.
ca devrait marcher .
merci quand meme a tout le monde
bon ca marche pas ... :s
je vais pas me peter le ***, je vais crer 2 <td> supplémentaire , un a droite, un a gauche, vides et avec une largeur fixe.
ca devrait marcher .
merci quand meme a tout le monde
nan je t'avoue que la ca m'a bien saoulé donc je vais pas chercher plus
c'est moche, mais ca marche et je vais pas passer ma vie sur du .css
^_^
puis je suis naze en css je paris qu'un mec calé me fait peter ca en 2 2 :)
merci a toi
<tr> <td width="10"></td> <td>le texte qui ne touche plus les bordures du tableau mais celui de la cellule</td> <td width="10"></td> </tr>
c'est moche, mais ca marche et je vais pas passer ma vie sur du .css
^_^
puis je suis naze en css je paris qu'un mec calé me fait peter ca en 2 2 :)
merci a toi
mouais…
c'est surtout que t'as pas dû essayer beaucoup !
-;o)
me dis pas qu'il faut être calé pour faire des essais comme ça :
là il y a déjà deux solutions possibles.
c'est surtout que t'as pas dû essayer beaucoup !
-;o)
me dis pas qu'il faut être calé pour faire des essais comme ça :
<html>
<head>
<style type="text/css">
table{
border:1px dotted #333;
}
table tr{
background-color:blue;
}
table#t1 tr td{
margin:0 10px;
display:block;
background-color:orange;
}
table#t2 tr td span{
margin:0 10px;
display:block;
background-color:orange;
}
</style>
</head>
<body>
<table id="t1">
<tr>
<td>blablabla…</td>
</tr>
</table>
<table id="t2">
<tr>
<td>
<span>blablabla…</span>
</td>
</tr>
</table>
</body>
</html>
là il y a déjà deux solutions possibles.
C'est parce que ton padding doit dans ce cas se porter sur les cellules et non la table.
Sinon tu mets ta table en invisible dans un DIV (ce que font déjà la plupart des éditeurs), tu repportes ton style général sur le div et pour le reste tu fais un style pour tes cellules (ton histoire de padding ou une marge si tu préfères).
Donc tu auras un cadre général, que tu peux manier comme tu veux et placer ou tu veux (la table suivra) et tu gères tes cellules avec un style bien à elles. Et en plus IE pige le tout ;-)
Sinon tu mets ta table en invisible dans un DIV (ce que font déjà la plupart des éditeurs), tu repportes ton style général sur le div et pour le reste tu fais un style pour tes cellules (ton histoire de padding ou une marge si tu préfères).
Donc tu auras un cadre général, que tu peux manier comme tu veux et placer ou tu veux (la table suivra) et tu gères tes cellules avec un style bien à elles. Et en plus IE pige le tout ;-)
