Fond qui disparaît - Bug IE ?
Bonjour,
Je suis en train de créer un design pour la version 3 de mon site. Pour cette nouvelle version j'ai entre autre décidé d'utiliser des blocs (div) à la place de tableaux.
Je suis actuellement bloqué par ce qui je pense est un bug d'IE: http://www.bricosign.com/BSv3/.
Au niveau du cadre arrondi, le bas s'efface sous IE. Et si on passe une fenêtre dessus le cadre réapparaît en entier.
Voici les lignes css qui concernent cette partie:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60
| .angle_haut_gauche
{ float : left;
width : 10px;
height : 10px;
position : absolute;
margin-left : -1px;
margin-top : -1px;
background-image: url("../images/bloc_haut_gauche.gif");
background-repeat: no-repeat;
background-position: top left; }
.angle_haut_droite
{ text-align : right;
margin-right : -1px;
margin-top : -1px;
padding-top : 3px;
padding-right : 6px;
font-size: 9px;
background-image: url("../images/bloc_haut_droite.gif");
background-repeat: no-repeat;
background-position: top right; }
.bloc
{ color : #615d99;
font-family: Verdana;
font-size: 11px;
margin : 1px;
border : 1px solid #c6c6c6;
background-color : #ffffff;
margin-bottom : 10px;
margin-right : 9px; }
.bloc_milieu
{
padding-left : 12px;
}
.angle_bas_gauche
{ float : left;
width : 10px;
height : 10px;
position : absolute;
margin-left : -1px;
margin-bottom : -1px;
background-image: url("../images/bloc_bas_gauche.gif");
background-repeat: no-repeat;
background-position: bottom left; }
.angle_bas_droite
{ text-align : right;
margin-right : -1px;
margin-bottom : -1px;
background-image: url("../images/bloc_bas_droite.gif");
background-repeat: no-repeat;
background-position: bottom right; }
.spacer
{
height : 10px;
} |
Donc si vous avez une solution je suis tout ouïe... :wink:
Je pense qu'il faudrait peut être faire le cadre autrement qu'en faisant un bloc avec une bordure et en rajoutant les 4 côtés mais je n'ai pas réussi à faire autrement... :cry:
:arrow: Sous firefox 1.5 tout est parfait.
:arrow: Sous Opera 8.51 il y a aussi un problème au niveau de ce cadre, mais là c'est l'arrondi en bas à gauche du cadre qui se met en dessous du cadre... :?
:arrow: Sous Netscape 7.0 il n'y a pas de problème au niveau du cadre. Mais quelques autres petits problèmes sur d'autres parties que je pense pouvoir résoudre...
Bien à vous !
Rémi