Discussion :

[Skooxy]

Bonjour je suis nouveau ici :]

Voilà mon code 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
/* Body */
 
body
{
 
background: url("images/centre.gif") repeat-y center;
background-color: #212121;
width: 650px;
margin: auto;
margin-bottom: 20px;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 8pt
}
 
 
/* Header*/
 
#header
{
width : 738px ; 
height : 203px ;
background-image: url("images/haut.gif");
}
 
/* Footer */
 
#footer
{
padding: 5px;
text-align: center;
border: 2px ridge black;
background: #212121 url("images/bas.gif") right no-repeat;
width : 738px; 
height : 92px;
}

mon header et mon footer dépassent du "body" et ça peut se comprendre puisque :

Code :

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

1
2
3
4
body
{
width: 650px;
}

et

Code :

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

1
2
3
4
5
 
#header, #footer
{
width: 738;
}

Je ne sais pas comment faire en sorte que mon header (et footer) et mon background se superposent.

Le screen de mon problème : http://img208.imageshack.us/my.php?i...stitre3wt0.png

Auriez vous l'amabilité de m'aider ? :$

[Momodedf]

Heuuu je vois pas où est la difficulté, il suffit de faire ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#header
{
height : 203px ;
background-image: url("images/haut.gif");
}
 
#footer
{
padding: 5px;
text-align: center;
border: 2px ridge black;
background: #212121 url("images/bas.gif") right no-repeat;
height : 92px;
}

Et tout baigne, à moin que je n'ai pas compris ce que tu veux faire ?
Si c'est le cas tu peux faire une simple image sur paint avec des rectangles représentant tes div et la position que tu souhaite obtenir.

[Skooxy]

Voilà ce que je souhaite : http://img341.imageshack.us/my.php?i...stitre1uj9.png

http://img405.imageshack.us/my.php?i...stitre2xt2.png

[Momodedf]

Tu as essayé ce que j'ai mis plus haut ?

J'ai du mal à voir qu'est-ce qui correspond à quoi dans tes screen.
Le mieux quand tu fais ta mise en page, avant mettre tes images etc c'est de juste placer tes div avec de bordure solid de 3px de largeur et des couleurs différentes (green red blue etc).

Comme ça tu peux mieux comprendre ce qui se passe.