Discussion :

[Kernel_BE]

Hello

Je suis très mauvais en CSS, donc je bloque sur un problème probablement stupide pour bcp d'entre vous

J'ai un cadre donc les bords sont graphiques. Tout est correctement affichés sous FF 2.0 mais sous IE 6 le bas de mon tableau est répété sur quelques pixels.

J'ai mis une page de test ici : http://www.bullfrog.be/test/cadre/index.cfm

Voici le contenu de mon CSS :

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
61
62
63
64
65
66
67
68
 
	    body {
		    background-color : #ffffff;
        }
 
 
		#principal {
 
			background-image:url('images/area_left.gif');
			background-repeat: repeat-y;
            background-color : #e0ff83;
		}
        #principal2 {
			background-image:url('images/area_right.gif');
			background-repeat: repeat-y;
            background-position: right;
		}
 
		#haut {
            height:19px;
            background-image:url('images/area_top.gif');
 
		}
 
		#haut img {
		    vertical-align:top; /* for ie5*/
		}
 
			#coingh {
                width:10px;
				height:19px;
				background-image:url('images/area_top_left.gif');
				float: left;
 
			}
			#coindh {
                width:16px;
				height:19px;
				background-image:url('images/area_top_right.gif');
				float: right;
 
			}
		#contenu {
			padding: 0 32px 0 25px;
 
		}
 
		#contenu p {
			margin: 0px;
 
		}
 
		#bas {
            height:16px;
            background-image:url('images/area_bottom.gif');
		}
			#coingb {
                width:10px;
				height:16px;
				background-image:url('images/area_bottom_left.gif');
				float: left;
			}
			#coindb {
                width:16px;
				height:16px;
				background-image:url('images/area_bottom_right.gif');
			    float:right;
			}

Je suis donc preneur pour le moindre conseil !

Merci

Kernel

[MasterOfChakhaL]

Salut et bienvenue a toi sur les forums de developpez.com,

Si ton élément est plus grand qu'attendu, c'est parce que IE reserve la place pour mettre une hypothétique ligne de texte.

Tu peux ajouter un font-size: 0; ou un overflow: hidden; sur ton élément.
(A priori, il s'agit de l'élément avec l'id bas)

[Kernel_BE]

Extra, ça marche nickel ! Merci Master !