Annonce

Le forum a actuellement des difficultés, dont nous cherchons la cause. Si vous avez une erreur, attendez cinq minutes et revenez. Désolés pour la gêne occasionnée.
Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 4.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
  • 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: 15

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: 15

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 0.989 seconds, 9 queries executed ]