18041 sujets

Questions générales et questions de débutants

Probleme d'ajustement des div

Bonjour,

Voilà j'ai créer un squelette plutot simple avec
- une div "conteneur" pour toute la page puis
- une div "head" pour la frame du haut
- une div "haut" pour le menu du haut
- une div "centre" pour mon texte.
- une div "pied" pour le pied de page.

il me fallait aussi une div "droite" pour mon menu de droite que j'ai créer puis imbriqué dans mon div centre. Mais là je me suis apercu que lorsque le menu etait plus long que le texte du centre et bien il le dépassait.
J'ai donc créer une div "gauche", pour que cela s'ajuste et celle-ci est aussi contenu dans ma div "centre", mais lorsque c'est long ca déborde, et mz div "pied" ne descend pas en dessous; elle reste à sa place et se trouve donc caché par ma div gauche.

Comment je peux faire pour que la div "pied" suive et reste en dessous ?

Voici le lien de la page pour exemple

http://www.courcay.com/Courcay/valeurs/Valeurs2.php

ci-dessous le code css que j'ai mis



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#ffffff;
}
#conteneur {
width: 720px;
margin: 0 auto; 
background-color:#000000;
}
#header {
height: 65px;
background-color: #99CCCC;
}

#haut {
height: 30px;
background-color:#CCCCFF;
}
#centre {
background-color:#9999CC;
}

#gauche {
float:left;
background-color:#FF33FF;
}

#droite {
background-color:#C7CF5A;
margin-left:500;
}

#pied {
height: 30px;
background-color: #99CC99;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}


et ici le code de la page php (sans le code php néanmoins)

<body>

<div id="conteneur">
	
	  <div id="header">
	
	  <img src="../bandeaupetit.gif">

	</div>
	  
	  <div id="haut">
	  
		
	  </div>


 
 <div id="centre">
 
 
  <div id="gauche">

lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>
lalalalalalalalalalalalalalalalalala<br>

</div>

	  <div id="droite"><!---debut balise de droite-->

  
  	</div>
	  <!---fin balise de droite-->

  </div><!--fin balise centre-->
	  
	  <div id="pied">pied de page</div>

</div>
	

</body>
</html>


merci pour l'aide qui pourra m'etre apporté.
re

en fait j'ai mis un clear: both; et ca fait exactement ce que je souhaitais.

Bon je pose quand même une nouvelle question, avec mon code ci dessus j'ai un bon alignement de mes cadre au centre avec firefox mais avec ce boulet de IE tout vient complétement se coller à gauche.

C'est quoi ce que je peux faire ? Smiley murf
Bonjour,
tu n'as pas de doctype avant la balise html, tu es donc en mode de
compatibilité descendante appelé aussi mode quirks (voir dans le blog).
Dans ce mode, IE se comporte comme les versions antèrieures à IE6,
c-a-d qu'il n'interprète pas les marges auto comme il faut.
Tu dois donc ajouter un doctype valide et complet puis ajouter
un text-align:center sur le body et un text-align:left sur le conteneur pour
réinitialiser le centrage par default.
Pour plus de détail
Modifié par Hermann (11 Apr 2007 - 10:48)
Effectivement, hum spéciale ce doctype, j'en avais jamais entendu parlé, bon faudra l'étudier. merci bien hermann. bonne journée.
Sujet clos
Aller à