Bonjour,

Je me dirige vers vous car j'ai un petit souci.

J'ai l'impression que mon CSS n'agit pas.

Voici ma page html :
Code html : 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
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>produits</title>
    <link rel="stylesheet" href="css/fichier.css" />
    <script src="js/jquery-1.7.min.js" type="text/javascript" ></script>
	<script src="js/produit.js" type="text/javascript" ></script>
  </head>
  <body>
	<div id="page">
		<div id="header">
			<div id="bandeau">
				<h1> ROBOTWITHME </h1>
			</div>
				<div id="menu">  
					<ul>  
						<li> <a href= "about_us.html"> about us 		</a> </li> 
						<li> <a href= "produits.html"> products 		</a> </li> 
						<li> <a href= "inscription.html"> inscription 	</a> </li>
						<li> <a href= "connexion.html"> connexion 		</a> </li>   
					</ul>
				</div>
		</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
html {
	height:100%;
}
 
/* Div après body  */
#page {
	min-height:100%;
	margin:0;
	padding:0;
}
 
/* Div Titre + Menu */
#header {
	height:30%;
	width:100%;
}
J'ai lu pas mal de tuto mais vous utilisez tous les tailles en px.
J'aimerai utiliser la relation de contenant pour être plus adaptable.

Dois-je spécifier dans mon id page une taille en px initiale en px et le reste en % ?

Bref, je comprends pas trop.

Merci à vous.