Salut tout le monde,
Voila je n'arrive vraiment pas a trouver la cause d'un espace blanc sous IE qui n'apparait pas sous FF.
Cet espace apparait en bordure de ma liste. C'est comme s'il y avait un margin inconnu ...
La page concernee est la suivante : ici.
L'espace blanc apparait sous IE a gauche de la liste qui est en dessous du champ de recherche de "TELECHARGER UN DOCUMENT ..."
Voici mon code simplifie :
et voici le css correspondant :
Si vous avez deja rencontre ce probleme .. parcque la je seche ..
Merci par avance
Voila je n'arrive vraiment pas a trouver la cause d'un espace blanc sous IE qui n'apparait pas sous FF.
Cet espace apparait en bordure de ma liste. C'est comme s'il y avait un margin inconnu ...
La page concernee est la suivante : ici.
L'espace blanc apparait sous IE a gauche de la liste qui est en dessous du champ de recherche de "TELECHARGER UN DOCUMENT ..."
Voici mon code simplifie :
<div id="Categorie">
<div class="CategorieListe">
<h2>...</span></h2>
<form ...>
<input name="motsCles" id="id_motsCles" type="text" size="35" value="" />
<input class="btnRechAccueil" type="submit" value="Rechercher un doc" />
</form>
<ul>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
</ul>
<ul>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
<li><a>blabla</a></li>
</ul>
</div>
<div class="blabla">
blabla
</div>
</div>
et voici le css correspondant :
div#Categorie {
position:relative;
width: 514px;
height:180px;
margin: 7px 0px 0px 7px;
}
div#Categorie div.CategorieListe{
float:left;
width: 67.9%;
height:100%;
border: 1px solid #CCCCCC;
background: #ffffff url("../images/photos/livres_obiblio.jpg") bottom right no-repeat;
}
div#Categorie h2{
margin:7px 7px 0px 7px;
letter-spacing: 1px;
font-weight: 900;
font-size: 12px;
border-bottom: 1px solid #CCCCCC;
background-color:transparent;
}
div.CategorieListe form{
margin:0px;
padding:0px;
}
div.CategorieListe input {
color:#333333;
background-color:#FFFFFF;
border: solid 1px #b3b3b3;
font: 11px "Trebuchet MS", helvetica, sans-serif;
margin:7px 0px 0px 7px;
}
div.CategorieListe input.btnRechAccueil {
color:#000000;
border: solid 1px #4484B2;
font-weight:500;
margin:7px 0px 0px 2px;
cursor: pointer;
}
div.CategorieListe ul {
float:left;
list-style-type: none;
margin: 7px 0px 7px 7px;
padding: 0px;
}
div.CategorieListe ul a{
margin: 0px;
padding: 0px;
}
Si vous avez deja rencontre ce probleme .. parcque la je seche ..
Merci par avance