Bonjour
j'ai trouver un code, et j'ai adapter :
J'ai un problème, lorsque je réduit ma fenêtre, et que je bouge la fenêtre par la gauche ou par la droite, mon bloc "contenu" ne suis pas vraiment, alors, que mon bloc "news" suit bien.
Par contre, j'aimerai bien que ce début de mise en page, passe pour un écran 800x600 voir + .... je dois changer quoi ?
Merci d'avance
Styles.css :
div {
text-align:center;
}
div#bandeau {
width:100%;
height:150px;
background-color:#00AAAA;
}
div#menu {
width:100%;
height:21px;
background-color:#009642;
}
div#menugauche {
float:left;
width:180px;
height:435px;
background-color:#FFFFFF;
}
div#menu_haut {
margin-top: 10px;
margin-left: 10px ;
margin-right: 10px ;
margin-bottom: 10px;
width:160px;
height:200px;
background-color:#66CC33;
}
div#menu_milieu {
margin-top: 10px;
margin-left: 10px ;
margin-right: 10px ;
margin-bottom: 10px;
padding-top: 15px;
width:160px;
height:120px;
background-color:#CC99CC;
}
div#menu_bas {
margin-top: 10px;
margin-left: 10px ;
margin-right: 10px ;
margin-bottom: 10px;
width:160px;
height:60px;
background-color:#FF89CC;
}
div#contenu {
float:left;
margin-top: 10px;
width:500px;
height:400px;
background-color:#FFCC00;
}
div#bloc_news {
clear:both;
float:right;
width:180px;
height:150px;
background-color:#3860c0;
}
div#pied_page {
clear:both;
width:100%;
height:20px;
background-color:#33FF99;
}
Et mon code Html :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Site CSS</title>
</head>
<body>
<div id="bandeau">
<div id="bloc_news">Bloc News
</div>Bandeau des Photos
<div id="menu">Menu</div>
<div id="menugauche">
<div id="menu_haut">Menu 1</div>
<div id="menu_milieu">Menu 2</div>
<div id="menu_bas">Menu Admin</div>
</div>
<div id="contenu">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed egestas faucibus nunc. Morbi quis neque laoreet ante varius rutrum. Nam arcu ipsum, blandit placerat, pharetra ut, pulvinar in, nulla. Vivamus condimentum, elit eu faucibus sollicitudin, nisi metus fermentum mi, sed egestas purus nunc sit amet est. Cras imperdiet, arcu sed placerat viverra, arcu justo malesuada augue, a tristique nunc neque vitae ligula. Mauris bibendum. Praesent nibh. Sed in lacus semper dui lobortis dignissim. Nunc iaculis, tortor sed commodo tincidunt, neque ligula porttitor orci, venenatis bibendum ante mi id massa. Pellentesque ipsum urna, posuere non, pellentesque non, tempus at, ipsum. Aliquam lacinia nisl sit amet ipsum. Nam volutpat vulputate lacus. Integer orci dui, lacinia non, blandit sit amet, vulputate vel, sem. Vestibulum mi neque, pharetra ut, venenatis et, ultricies vitae, urna.
</div>
<div id="pied_page">Pied de page</div>
</body>
</html>
---------------
L'amour c'est comme le jardinage : Cà commence par une pelle, et çà se termine par une graine.