Fond qui disparaît - Bug IE ?

***|~ XiKuXan ~|*** · 21/12/2005, 23h12

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

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...

Sous firefox 1.5 tout est parfait.

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...

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

**regbegpower** · 21/12/2005, 23h21

IE ca pue.
Cordialement,

**Maxoo** · 22/12/2005, 08h44

sous IE 5 ca passe tres bien ...
tu as toujours le probleme ??

EDIT : j'ai vu que ton css n'a pas le meme code pour angle bas droit et gauche ... pourquoi tu ne définis pas la taille aussi dans celui de droite ??