28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai le problème suivant : j'ai crée des blocs avec une bordure de 5 px.
Sous firefox tout fonctionne bien, comme d'hab... sous IE c'est bien évidemment différent et la bordure disparait à certains endroits et réapparait quand on met la souris dessus... Bref ie fait un peu ce qu'il veut.

Je n'ai pas trouvé de sujet similaire sur le forum, alors si vous avez une réponse Smiley smile
Merci.
Salut foweb,

foweb a écrit :
alors si vous avez une réponse Smiley smile

Euh... Ce serait plus facile si tu avais une page en ligne ou du code (html + css) à nous montrer Smiley cligne !
Alors au niveau du code html ca donne ca :

<div class="bloc-right-loisir">
<h1 title="Toute l'actualité de cette rubrique">Et aussi</h1>
<div class="clr"></div>
<ul>
<li>Blabla</li>
</ul>
</div>

Et au niveau du css :

.bloc-right-loisir {
border:5px solid #e6e7eb;
margin:0 0 5px 0;
color:#000;
margin:15px 0 5px 0;
padding:5px 0;
font-size:10px;
display:block; }

En regardant de plus près le bug n'est présent (la bordure qui disparait) que pour les blocs qui ne sont pas visibles au chargement de la page. Les bordures sont bien visibles quand les blocs sont affichés au chargement de la page. En revanche quand on scroll la page, les blocs en bas de page buggent. En espérant que ce soit un peu plus clair Smiley eek
Re',

le bout de code que tu donnes (qui serait plus lisible entre les balises [ code] et [ \code] qui vont bien Smiley cligne ) ne devrait pas poser de problèmes (en passant le display:block; semble inutile puisque c'est la valeur par défaut d'un div)...

Il faudrait voir TOUT le code Smiley langue !
+1

Le code actuel ne semble pas poser de problème, ça doit venir d'ailleurs. As tu un screenshot ?

Aussi, à quoi sert ton "clr" ?