Réduction fenêtre de navigation
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:
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:
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.
