Bonjour à tous,
J'ai un tout petit soucis, mais qui me derange avec dreamveaver.
voila le code:
et voila Css:
Bon, mon soucis est que lorsque j'affiche ce bout de code sur firefox ou sur IE, les blocs < P > sont bien en float, et donc cote à cote sur la meme page c'est le but recherché.
Par contre l'affichage dans dream lui meme place les blocs 3 et 4 un au dessus de l'autre.
J'en cherche la cause. Merci de votre aide
J'ai un tout petit soucis, mais qui me derange avec dreamveaver.
voila le code:
<body>
<ul id="menu">
<li>menu 1</li>
<li>menu 1</li>
<li>menu 1</li>
</ul>
<div id="conteneur">
<p>bloc 1</p>
<p>bloc 2</p>
<p>bloc 3</p>
<p>bloc 4</p>
</div>
</body>
et voila Css:
<style type="text/css">
body{
margin:0;
}
ul#menu{
background-color: #CCCC00;
float: left;
height: 500px;
width: 300px;
margin: 0px;
padding: 0px;
}
div#conteneur{
background-color: #CCFF00;
float: left;
height: 500px;
width: 600px;
}
p{
height: 130px;
width: 280px;
float: left;
background-color: #993300;
margin: 3px;
padding: 0px;
color: #FFFFFF;
}
</style>
Bon, mon soucis est que lorsque j'affiche ce bout de code sur firefox ou sur IE, les blocs < P > sont bien en float, et donc cote à cote sur la meme page c'est le but recherché.
Par contre l'affichage dans dream lui meme place les blocs 3 et 4 un au dessus de l'autre.
J'en cherche la cause. Merci de votre aide