Bonjour à tous,

Je viens de recommencer à créer un site internet ...

J'utilise les balises div pour organiser mon site. Voici l'extrait du css et de la page index.

Code css : 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
body {
	margin:1% 10% 1% 10%;
	}
 
div {
	text-align:left;
	}
 
div#bandeau {
	width:100%;
	height:auto;
	background-color:#00CCFF;
		}
div#barremenu {
	width:100%;
	height:auto;
	background-color:#FF5555;
		}
div#menu {
	float:right;
	width:20%;
	height:auto;
	background-color:#FF6699;
	}
div#contenu {
	float:left;
	width:80%;
	height:auto;
	background-color:#FFCC00;
	}
div#pied_page {
	clear:both;
	width:100%;
	height:50px;
	background-color:#33FF99;
	}

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<body>
 
	<div id="bandeau">
<?php include("bandeau.php") ?>
	</div>
 
	<div id="barremenu">Ceci est la barre du menu
<?php include("menu.php") ?>
	</div>
	<div id="menu">Ceci est le menu</div>
	<div id="contenu">Ceci est le contenu</div>
	<div id="pied_page">Ceci est le pied de page</div>
</body>
</html>
Le soucis c'est que lorsque je réduis la taille de ma fenêtre de navigation , les éléments repartent à la ligne pour ne pas avoir d'ascenseur horizontal. mais ça fait quand même franchement moche. (cf image)

http://www.noelshack.com/2013-09-1361867880-pb-site.jpg

Merci de votre aide.