header+2columns+footer

Javix · 30/12/2010, 11h54

Je n'arrive pas à comprendre le problème d'affichage qui est différent in IE6 et Firefox 3.6.2.
Dans IE6 tout est affiché correctement, mais pas dans Firefox. Pourtant il n'y a rien de compliqué, juste un 'header', 1 side-bar à gauche, 'content' - à droite et 'footer'. Peu importe le contenu affiché dans les 2 colonnes (side bar et content), elles doivent s'adapter(s’allonger) automatiquement.
Quelqu’un peut me dire où est le problème?
Voici le code. Pour la simplicité de lecture, j'ai tout mis (CSS et HTML) dans une seule page:

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html                                     >
        <head>
 
            <title>Untitled Document</title>
            <style type="text/css">
 
                body  {
                    font: 100% Verdana, Arial, Helvetica, sans-serif;
                    background: #666666;
                    margin: 0;                          
                    padding: 0;
                    color: #000000;                    
                }
 
 
                .twoColElsLtHdr #container {
                    width: 100%;
                    background: #FFFFFF;
                    margin: 0 auto;
                    border: 1px solid #000000;
                    text-align: left;
                    height: 100%;
                }
                .twoColElsLtHdr #header {
                    background: #DDDDDD;
                    padding: 0 10px;
                }
                .twoColElsLtHdr #header h1 {
                    margin: 0;
                    padding: 10px 0;
                }
 
 
                .twoColElsLtHdr #sidebar1 {
                    float: left;
                    width: 12em;
                    background: green;/*#EBEBEB;*/
                    padding: 15px 0;
                    height: 100%;
                }
                .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
                    margin-left: 10px;
                    margin-right: 10px;
                }
 
 
                .twoColElsLtHdr #mainContent {
                    margin: 0 0 0 13em;
                    height: 100%;
                }
                .twoColElsLtHdr #footer {
                    padding: 0 10px;
                    background:#DDDDDD;
                }
                .twoColElsLtHdr #footer p {
                    margin: 0;
                    padding: 10px 0;
                }
 
 
                .fltrt {
                    float: right;
                    margin-left: 8px;
                }
                .fltlft {
                    float: left;
                    margin-right: 8px;
                }
                .clearfloat {
                    clear:both;
                    height:0;
                    font-size: 1px;
                    line-height: 0px;
                }
 
            </style></head>
 
        <body class="twoColElsLtHdr">
 
            <div id="container">
                <div id="header">
                    <h1>Header</h1>
                </div>
                <div id="sidebar1">
                    <h3>sidebar1 Content</h3>
                    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
                </div>
                <div id="mainContent">
                    <h1> Main Content </h1>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. </p>
                    <p>Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
                    <h2>H2 level heading </h2>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 
                </div>
                <br class="clearfloat" />
                <div id="footer">
                    <p>Footer</p>
                </div>
            </div>
        </body>
    </html>

Merci d'avance.

Bovino · 31/12/2010, 08h04

Citation:

Envoyé par Javix

Je n'arrive pas à comprendre le problème d'affichage qui est différent in IE6 et Firefox 3.6.2.
Dans IE6 tout est affiché correctement, mais pas dans Firefox. Pourtant il n'y a rien de compliqué, juste un 'header', 1 side-bar à gauche, 'content' - à droite et 'footer'. Peu importe le contenu affiché dans les 2 colonnes (side bar et content), elles doivent s'adapter(s’allonger) automatiquement.
Quelqu’un peut me dire où est le problème?

Disons que pour l'instant, tu ne nous a pas vraiment dit quel est le problème !

A tout hasard, c'est normal ta balise meta avant le doctype ???

Javix · 31/12/2010, 14h45

1.Pour comprendre le pb il suffit d'afficher la page dans IE et dans Firefox.
2. Pour balise Meta, il parait que c'est Dreamweaver qui l'a générée, je n'y ai pas fait attention.

e-fitz · 01/01/2011, 18h07

Bonjour,

ce code ne peux fonctionner correctement, le header c'est bon, le sidebar ca peut aller, le maincontent il faut un float:left dessus pour le remonter au bon endroit et donc un width pour mettre une bonne largeur afin qu'il ne soit pas remis en dessous.

Le br et correct pour faire passer le footer en dessous. (Toutefois je préfère utiliser :

Code :

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

1
2
3
clear:both;
margin-bottom:-1px;
padding-bottom:1px

)

En ayant modifié ainsi tu auras ton maincontent qui prend la bonne dimension (tu peux mettre un background-color pour verifier).

Le reste des bug vient des height:100% qui ne servent a rien en faite.

A ce moment tu as quasiement le même affichage sur ie6 et ff (au margin/padding différents des <p>).

Donc le gros problème est que le css est incohérent avec ce que tu veux faire.

Si tu n'arrives pas à corriger avec l'explication ci-dessus n'hésite pas à le dire je te mettrai un bout de css.

Bonne journée

Macmillenium · 01/01/2011, 19h00

Citation:

Envoyé par Javix

2. Pour balise Meta, il parait que c'est Dreamweaver qui l'a générée, je n'y ai pas fait attention.

La présence de cette balise Meta avant le doctype fait basculer les navigateurs en mode Quirks. Un mode de rendu dans lequel toutes les versions d'IE se comportent comme le bon vieux IE5.5.
Commence par corriger ce point.

Javix · 02/01/2011, 13h59

Merci à tous pour vos conseils!
Ce que je voudrais avoir comme 'layout' en deux mots - c'est un header d'une taille fixe ou non, puis le 'side-menu' et le 'content' pour afficher le contenu dynamique. Les deux colonnes, le 'side-menu' et 'content' doivent prendre toutes la hauteur de la page (de l'écran) jusqu'à 'footer'.

Merci d'avance,

e-fitz · 02/01/2011, 16h16

Bonjour,

donc mode quirk ou pas ce genre de code fonctionne très bien, avec les corrections que je t'ai donné précédement,

Citation:

Bonjour,

ce code ne peux fonctionner correctement, le header c'est bon, le sidebar ca peut aller, le maincontent il faut un float:left dessus pour le remonter au bon endroit et donc un width pour mettre une bonne largeur afin qu'il ne soit pas remis en dessous.

Le br et correct pour faire passer le footer en dessous. (Toutefois je préfère utiliser :

Code :
clear:both;
margin-bottom:-1px;
padding-bottom:1px)

En ayant modifié ainsi tu auras ton maincontent qui prend la bonne dimension (tu peux mettre un background-color pour verifier).

Le reste des bug vient des height:100% qui ne servent a rien en faite.

A ce moment tu as quasiement le même affichage sur ie6 et ff (au margin/padding différents des <p>).

Donc le gros problème est que le css est incohérent avec ce que tu veux faire.

Si tu n'arrives pas à corriger avec l'explication ci-dessus n'hésite pas à le dire je te mettrai un bout de css.

Bonne journée

tu obtiens quelque chose de ce genre :

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html                                     >
        <head>
			<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
            <title>Untitled Document</title>
            <style type="text/css">
 
                body  {
                    font: 100% Verdana, Arial, Helvetica, sans-serif;
                    background: #666666;
                    margin: 0;                          
                    padding: 0;
                    color: #000000;                    
                }
 
 
                .twoColElsLtHdr #container {
                    width: 100%;
                    background: #FFFFFF;
                    margin: 0 auto;
                    border: 1px solid #000000;
                    text-align: left;
 
                }
                .twoColElsLtHdr #header {
                    background: #DDDDDD;
                    padding: 0 10px;
                }
                .twoColElsLtHdr #header h1 {
                    margin: 0;
                    padding: 10px 0;
                }
 
 
                .twoColElsLtHdr #sidebar1 {
                    float: left;
                    width: 12em;
                    background: green;/*#EBEBEB;*/
                    padding: 15px 0;
 
                }
                .twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
                    margin-left: 10px;
                    margin-right: 10px;
                }
 
 
                .twoColElsLtHdr #mainContent {
                    margin: 0 0 0 13em;
					float:left;
					width:70%;
                }
                .twoColElsLtHdr #footer {
                    padding: 0 10px;
                    background:#DDDDDD;
                }
                .twoColElsLtHdr #footer p {
                    margin: 0;
                    padding: 10px 0;
                }
 
 
                .fltrt {
                    float: right;
                    margin-left: 8px;
                }
                .fltlft {
                    float: left;
                    margin-right: 8px;
                }
                .clearfloat {
                    clear:both;
                    height:0;
                    font-size: 1px;
                    line-height: 0px;
                }
 
            </style></head>
 
        <body class="twoColElsLtHdr">
 
            <div id="container">
                <div id="header">
                    <h1>Header</h1>
                </div>
                <div id="sidebar1">
                    <h3>sidebar1 Content</h3>
                    <p>The background color on this div will only show for the length of the content. If you'd like a dividing line instead, place a border on the left side of the #mainContent div if the #mainContent div will always contain more content than the #sidebar1 div. </p>
                </div>
                <div id="mainContent">
                    <h1> Main Content </h1>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. </p>
                    <p>Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce  varius urna id quam. Sed neque mi, varius eget, tincidunt nec, suscipit id,  libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed turpis feugiat  feugiat. Integer turpis arcu, pellentesque eget, cursus et, fermentum ut,  sapien. Fusce metus mi, eleifend sollicitudin, molestie id, varius et, nibh.  Donec nec libero.</p>
                    <h2>H2 level heading </h2>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,  justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam  ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo  porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis  ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean  sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
 
                </div>
                <br class="clearfloat" />
                <div id="footer">
                    <p>Footer</p>
                </div>
            </div>
        </body>
    </html>

Concernant le fait que la side bar et le content doit etre de la même taille je te renvois sur cette discussion :

http://www.developpez.net/forums/d10...aille-sidebar/

Cela m'evitera de me répéter ^^.

Bonne continuation.

Javix · 04/01/2011, 16h13

@e-fitz
N'importe quoi

. le code que tu as posté ne change rien du tout.
Concernant le lien, là aussi, cela ressemble plutôt au bricolage. Désolé.

e-fitz · 04/01/2011, 22h51

Bonsoir, je te propose de revoir tes bases en css.
Bonne soirée

31/12/2010, 14h45	#3
Javix Membre confirmé Inscription : juin 2007 Messages : 487 Détails du profil Informations forums : Inscription : juin 2007 Messages : 487 Points : 244 Points : 244	1.Pour comprendre le pb il suffit d'afficher la page dans IE et dans Firefox. 2. Pour balise Meta, il parait que c'est Dreamweaver qui l'a générée, je n'y ai pas fait attention.
	00

02/01/2011, 13h59	#6
Javix Membre confirmé Inscription : juin 2007 Messages : 487 Détails du profil Informations forums : Inscription : juin 2007 Messages : 487 Points : 244 Points : 244	Merci à tous pour vos conseils! Ce que je voudrais avoir comme 'layout' en deux mots - c'est un header d'une taille fixe ou non, puis le 'side-menu' et le 'content' pour afficher le contenu dynamique. Les deux colonnes, le 'side-menu' et 'content' doivent prendre toutes la hauteur de la page (de l'écran) jusqu'à 'footer'. Merci d'avance,
	00

04/01/2011, 16h13	#8
Javix Membre confirmé Inscription : juin 2007 Messages : 487 Détails du profil Informations forums : Inscription : juin 2007 Messages : 487 Points : 244 Points : 244	@e-fitz N'importe quoi . le code que tu as posté ne change rien du tout. Concernant le lien, là aussi, cela ressemble plutôt au bricolage. Désolé.
	00

04/01/2011, 22h51	#9
e-fitz Membre habitué Inscription : mai 2009 Messages : 115 Détails du profil Informations forums : Inscription : mai 2009 Messages : 115 Points : 145 Points : 145	Bonsoir, je te propose de revoir tes bases en css. Bonne soirée
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email