Vous n'êtes pas identifié.
Annonce
Mettez-vous à jour ! WordPress 3.5.1 est disponible en français.
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter
#1 19-01-2013 19:26:08
- yabbyyou
- Connaisseur WP
- Date d'inscription: 11-08-2012
- Messages: 13
Problème d'affichage des bordures sous Internet explorer
Bonjour,
Ma configuration WP actuelle
- Version de WordPress : 3.4.2
- Version de PHP/MySQL : 5.3.9
- Thème utilisé : thème perso
- Extensions en place : Akismet, Contact Form 7, Multi-level Navigation Plugin, TinyMCE Advanced
- Nom de l'hebergeur : local
- Adresse du site : -
Problème(s) rencontré(s) :
Bonjour la communauté Wordpress,
Au secours, Internet explorer me fait des misères ! Et oui encore lui !!
Mon problème concerne l'interprétation et l'affichage des bordures.
Voici le CSS de ma div :
Code: html
#content { background:#b0c661; width: 880px; margin-left: auto ; margin-right: auto; text-align: left; border: 10px solid #b0c661; }Sous Chrome et Firefox, affichage correct avec une largeur totale de 900px
Mais sous Internet explorer les bordures sont comptabilisées dans la largeur. J'obtiens à l'affichage une largeur totale de 880px.
Pour info,
-->j'ai déjà essayé plusieurs doctype. Mon doctype actuel est:
Code: html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->J'ai isolé le problème sur une page html vierge, n'ayant rien à voir avec mon thème, et là ça marche parfaitement ! j'obtiens 900 px sous internet explorer, firefox et chrome. Voici le code utilisé:
Code: html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table width="100%" border="0" align="center">
<tr>
<td align="center"><img src="../../../Program Files (x86)/EasyPHP-5.3.9/www/daisy/wp-content/themes/daisy/images/daisy-dedoncker-2.jpg" width="1062" height="440" align="middle" />
<div style="background: #b0c661; width: 880px; margin-left: auto ; margin-right: auto; text-align: left; border-left: 10px solid #b0c661; border-right:10px solid #b0c661;"> dsfdsf</div> </td>
</tr>
</table>
</body>
</html>voilà, je bloque et je fais appel à votre science !
d'avance un tout grand merci pour votre aide !
Hors ligne
#2 22-01-2013 11:09:29
- yabbyyou
- Connaisseur WP
- Date d'inscription: 11-08-2012
- Messages: 13
Re: Problème d'affichage des bordures sous Internet explorer
Bonjour à tous,
j'ai trouvé réponse à ma question.
il faut modifier le css pour forcer un affichage identique sur tous les navigateurs.
voici mon css modifié:
Code: html
#content {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
background:#b0c661; width:900px; margin-left:auto; margin-right:auto; padding:15px}voici la source de mes infos:
box-sizing
Hors ligne
