bonjour,
mon problème est sûrement simple à résoudre, mais je m'arrache les cheveux...
Je souhaite créer un site internet avec trois blocs principaux, un header, un bloc menu et à droite de ce dernier, un bloc contenu. La fonction float:left ne fonctionne pas pour le bloc contenu et du coup, il se retrouve sous le bloc menu. J'ai vérifié le code pendant des heures, mais je débute, et donc j'ai besoin de votre aide.
voici mon code:
merci encore pour vos réponses!
mon problème est sûrement simple à résoudre, mais je m'arrache les cheveux...
Je souhaite créer un site internet avec trois blocs principaux, un header, un bloc menu et à droite de ce dernier, un bloc contenu. La fonction float:left ne fonctionne pas pour le bloc contenu et du coup, il se retrouve sous le bloc menu. J'ai vérifié le code pendant des heures, mais je débute, et donc j'ai besoin de votre aide.
voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MON SITE WEB</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
<div class="header">
</div>
<div class="menu">
</div>
<div class="contenu">
</div>
</div>
</body>
</html>
/* RESET */
@charset "utf-8";
* {margin:0; padding:0; list-style-type:none; border:0;}
/* STYLES CSS */
.main{
width:1000px;
height:800px;
border:1px solid red;
}
.header{
width:1000px;
height:150px;
border:1px solid blue;
}
.menu{
width:128px;
height:600px;
border:1px solid red;
}
.contenu{
width:600px;
height:600px;
float:left;
border:1px solid green;
}merci encore pour vos réponses!