Bonjour,
Voici mon problème, j'ai créé mon site, j'étais tout content d'avoir terminé, quand je me suis aperçu que sous que sous IE il y avait un problème de margin, comme s'il m'avait rajouter 4px de plus à droite, mais de l'intérieur, cet à dire que mon width principal de 680px n'a pas bouger, c'est seulement le contenue (enfin... à voir les screens car c'est dur d'expliquer)...Sinon il me fait ce bug sous IE seulement dans ma page d'accueil et mon forum.
Screens, code et css à voir ci-dessous:
Sous FF:
http://img396.imageshack.us/my.php?image=ffsx4.jpg
>>Donc comme vous le constater, aucun soucis.
Sous IE:
http://img100.imageshack.us/my.php?image=ieds8.jpg
>>Comparer bien la marge de droite du contenue, c'est comment s'il m'avait rajouté 4px !! et cela seulement dans mon index et mon forum (L'index contient seulement du texte et un sondage javascript de Polldaddy.com, et dalleur quand je l'enlève le problème disparaît, et le Forum est en PHP5 sans BDD et des effets java...)
Donc voici la feuille de style CSS:
body{
background: url(img/bg.jpg);
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
cursor: crosshair;
text-align: center;
}
body, td, tr{
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;
}
a {
color: #0040a0;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
cursor:s-resize
}
a:hover {
color: #0020a0;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
#main_container {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
width:680px;
border: #A7A6B4 1px solid;
margin: 0 auto;
background:#ffffff;
-moz-border-radius: .8em .8em .8em .8em;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
text-align: center;
text-transform: uppercase;
font-weight : bold;
color:#404040;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
background-color: #eee;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
text-align:right;
color:#000;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: 0px;
background-color: #F7F6F4;
}
h2 img {margin:0px 5px 0px 0px;}
#content {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt;
background:#ffffff;
margin-right: 2px;
margin-left: 2px;
text-align: left;
}
#title {
font-size: 16px;
font-weight: bold;
color: #808080;
font-family: verdana;
text-decoration: none;
}
#copy {
border-top: #000000 1px solid;
margin-top:5px;
margin-bottom:2px;
text-align:center;
}
select, textarea, input {
border: #808080 1px solid;
color: #000000;
font-size: 11px;
font-family: Verdana; BACKGROUND-COLOR: #ffffff }
Et le code de mon index (Où le bug apparaît sous IE) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- /////////////////// GENERAL CONTENUE ///////////////////////// -->
<div id="main_container">
<!-- /////////////////// BANNER & NAVIGATION ///////////////////////// -->
<?php include('bannernav.php'); ?>
<!-- /////////////////// CONTENUE ///////////////////////// -->
<div id="content">
<div id="title">Home</div>
<div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom:15px; text-align: justify;">
texte texte texte texte texte texte texte texte texte texte texte ...
</div>
<div id="title">Sondage du mois</div>
<div style="border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin-bottom:10px; text-align: justify;">
<script type="text/javascript" language="javascript" src="http://s3.polldaddy.com/p/995323.js"></script>
<noscript> <a href ="http://answers.polldaddy.com/poll/995323/" >A propos de la crise financière en France...</a>
<br/>
<span style="font-size:7px;"> (<a href ="http://www.polldaddy.com"> surveys</a>)</span></noscript>
</div>
<div id="title">News</div>
<?PHP
$number=15;
$only_active=TRUE;
include("/mnt/165/sdb/b/7/******/cutenews/show_news.php");
?>
<!-- /////////////////// COPYRIGHT ///////////////////////// -->
<?php include('copyright.php'); ?>
</div>
</body>
</html>
PS: les images sont flouté et je ne donne pas le nom du site car je veux garder l'anonymat du site ;)
Merci à l'avance pour ceux qui y jetterons un coup d'œil :D
Configuration: Windows XP
Firefox 3.0.3
Accelerer ie
