Se connecter avec
S'enregistrer | Connectez-vous

float html

Dernière réponse : dans Programmation

bonjours j'ai un problème pour mon site j'ai :

<div id="milieu">
<div id="menu"></div>
<div id="contenu"></div>

voila et les div menu et contenu sont en float left et right j'aimerais qu'ils fassent la même taille tout la page height 100% mais sa ne marche pas

#milieu
{
overflow: auto ; }
#menu
{
width: 168px;
background-color: pink;
float: left;
}


#contenu
{
width: 610px;
float: right;
background-color: #EAF1EA;
}

Autres pages sur : float html

Lassé par la pub ? Créez un compte

salut non je ne pense pas mettre un width: 100% car si tu regardes bien mais div on déjà un width de taille précis c'est juste que je veux que le float left qui es en rose deviens de la même longueur que le float right en gris .merci quand même de ta réponse
Expert Programmation

J'ai testé ce que je t'ai dit et ça marche très bien.
Si tu mets un height:100% sur les trois blocs, tu vas avoir ton bloc milieu qui va prendre toute la largeur et toute la hauteur.
Ton bloc menu qui va être à gauche et qui prendra toute la longueur de la page
Ton bloc contenu qui va être à droite et qui prendra toute la longueur de la page.

désolé sa ne marches pas

* { margin: 0px; padding: 0px; }
html {background-image:url("coeur01.png");}
body { text-align: center;}
#body
{
margin: auto;
text-align: left;
width: 780px;
border-left: 1px solid;
border-right: 1px solid;
}

#entete
{
height: 100px;
background-color: silver;
background-image:url("logocoluche.jpg");
}
#milieu
{
overflow: auto;
height:100%;}
#menu
{
width: 168px;
background-color: pink;
float: left;
height:100%;}

#contenu
{
width: 610px;
float: right;
background-color: #EAF1EA;
height:100%;}


voiloi le css et le html :


<body>
<div id="body">

<div id="entete">
<h1>On compte sur vous</h1>

</div>

<div id="milieu">

<div id="menu"><script type="text/javascript" src="menu.js"></script></div>

<div id="contenu">

<h1 id="Accueil">Accueil</h1>


<p class="centrer"><img src="coluche.jpg"/></p>

</div>
</div>
</div>
</body>
</html>

moi sa marchais même pas sous ff ! mais bon en doctype j'ai

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Les restos du coeur!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>

je sais pas on m'as parles de clear both mais aussi de spacer je ne sais pas c'est quoi sa te di peut être quelque chose
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde