Bonjour à tous,
vous allez sanns doute trouvez mas question bête mais je me lance ...
Comment utiliser correctement le CSS pour positioner les éléments de ma page???

Voici mon code HTML :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Société Mécanique de Beauzac (43) : usinage, traitements thermiques, élctro érosion ...</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div id="conteneur">
 	<div id="banniere"></div>
	<div id="fond_menu"></div>
    <div id="logo"></div>
</div>
 
</body>
</html>
et 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
 
@charset "UTF-8";
/* CSS Document */
 
html, body {width:100%;}
#conteneur {
	width:1000px;
	height:auto;
	margin:0 auto 0 auto;
}
#banniere {
	z-index:0;
	background-image:url(img/banniere.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#003399;
	width:1000px;
	height:175px;
}
#fond_menu {
	position:relative;
	top:-22px;
	z-index:0;
	background-image:url(img/fondbleu.jpg);
	background-repeat:no-repeat;
	width:352px;
	height:618px;
}
#logo{
	position:relative;
	top:-793px;
	left:1px;
	z-index:1;
	background-image:url(img/logo.jpg);
	background-color:#003399;
	background-repeat:no-repeat;
	width:371px;
	height:142px;
}
voici maintenant l'adresse de cette page :

http://www.designcreation.fr/somecab

Cette utilisation du CSS ne me convient pas car mon logo est d'abord placé en bas du site puis je le remonte en méttant une valeur de top négative, et du coup j'ai quand même l'espace de mon logo en bas du site, ce qui provoque l'apparition d'un scrol si la résolution de l'écran et trop petite, meme si le site rentre sur la page visuellement ...

J'esper avoir été clair, n'hésitez pas à me demander + d'info ...

Donc voilà si quelqu'un peut m'aider à faire que je n'est pas cette espace en bas d emon site ...