Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 3.9 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
  • Index
  •  » Thèmes
  •  » Problème d'affichage des bordures sous Internet explorer

#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 !!angryfire_gif

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

resolu

Hors ligne

 
  • Index
  •  » Thèmes
  •  » Problème d'affichage des bordures sous Internet explorer

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 7.520 seconds, 9 queries executed ]