28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

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
C'est que le moteur d'affichage de dreameaver n'est vraiment par performant. Mais vu que personne ne navigue sur le web avec Dreamweaver ... ce n'est pas très grave.

a+
Merci de la réponse, mais je sais pas si c'est vraiment cela.

En fait si j'enlève le float left dans la div menu et conteneur, les balises < P > se positionne comme demander, n'y aurait il pas de problème dans la mise en forme plutot, et si oui à quel endroit et comment rectifier?

Merci de votre aide