Probléme de float...

Résolu
hack_net Messages postés 814 Statut Membre -  
hack_net Messages postés 814 Statut Membre -
Bonjour,

Voila. Sur mon site qui est actuellement en traveaux (et pour cause !), il y a une drole de chose qui se pass...
Mon bandeau du bas (appelé copyright) est entré dans mon menu de gauche !!!!
Voici le résultat : http://bordinfo.olympe-network.com/index.php :s

Je vous donne l'extrai du code de la page index.php :

<div class="element_menu_g" id="menu_g">
  <?php include ('include/menu_g.html'); ?>
</div>
<div id="news">
  <?php include ('include/news.php'); ?>
</div>
<div id="corps">
<?php include ('include/corps.php'); ?>
</div>
<div id="clear"><!-- Annulation du float au cas ou le menu est plus grand que le corp --></div>
<div class="element_copyright" id="copyright">
  <?php include ('include/bas.html'); ?>
</div>
</body>
</html>


Ainsi que le CSS en question :


body{
 height: auto;
 width: 800px;
 margin: auto;
 margin-bottom: 10px;
 background-image:url(images/back-body.jpg);
 font-family: Helvetica, Tahoma, Arial, Verdana, sans-serif;
 font-size: 12px;
 color: #FFFFFF;
}	

#menu_g{
 float:left;
 width: 195px;
 margin-top: 10px;
 background-color: #444444;
 border: 1px solid #666666;
 height:auto;
 min-height: 100px;
 margin-bottom: 10px;
}

#news{
 top: 147px;
 position: absolute;
 width: 595px;
 margin-top: 10px;
 margin-left: 200px;
 background: #333333;
 border: 1px solid #666666;
 height: 250px;
}

#corps{
 top: 405px;
 position: absolute;
 width: 595px;
 margin-top: 10px;
 min-height: 200px;
 margin-left: 200px;
 background: #333333;
 border: 1px solid #666666;
 height: auto;
}

#clear{
clear: left;
}

#copyright{
 height: 100px;
 width: 100%;
 margin-top: 20px;
 padding-top: 16px;
 background-image: url(images/copyright.png);
 background-repeat: repeat-x;
 text-align: center;
 color: #FFFFFF;
 font-family: Arial;
}



Merci d'avance pour votre aide !

--

Bientot mon site: http://bordinfo.ath.cx , site consacré à l'informatique pour tous !
-----------------------------------------------------------------------------------------------------
"S'il on payait un impôt sur la connerie, alors l'état s'auto-financerait"
"La colère envers autrui reflète toujours la tristesse interne"
"La théorie, c'est quand on sait tout mais que rien ne marche, et la pratique c'est quand tout marche mais qu'on ne sait pas pourquoi."
Configuration: Windows XP
Firefox 2.0.0.13

8 réponses

Reivax962 Messages postés 3742 Statut Membre 1 011
 
C'est normal, puisqu'il est dans <div id="menu_g" class="element_menu_g">.
0
hack_net Messages postés 814 Statut Membre 51
 
Merci pour ta réponsse, mais je n'ai pas compris ce que tu voulait dire.

Pourais-tu m'expliquer plus clairement ?

Merci !
0
hack_net Messages postés 814 Statut Membre 51
 
UP :)
0
hack_net Messages postés 814 Statut Membre 51
 
Re UP :(
0
Reivax962 Messages postés 3742 Statut Membre 1 011
 
Pas la peine de faire un UP toutes les 30 minutes...
Ce que je veux dire, c'est que ta balise <div> de copyright est considérée par le navigateur comme étant partie intégrante de ta balise <div> de menu gauche.

En regardant le code, on voit que la raison en est que ton menu gauche n'est jamais fermé.
0
hack_net Messages postés 814 Statut Membre 51
 
Si il est fermé :
<div class="element_menu_g" id="menu_g">
  <?php include ('include/menu_g.html'); ?>
</div>


???
Merci de me ré-éclairer...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Reivax962 Messages postés 3742 Statut Membre 1 011
 
Regarde ton code source généré ! Tu verras qu'il n'est pas fermé...
Ce qui signifie qu'il doit y avoir un autre <div> dans ton include qui, lui, n'est pas fermé.
0
hack_net Messages postés 814 Statut Membre 51
 
Regardez par vous même :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<?php include ('include/head.html'); ?>
<body>
<div class="element_logo" id="logo"><a href="/"><img src="images/entete.jpg" height="100" width="795"></a></div>
<div id="menu_h">
<?php include ('include/menu_h.html'); ?>
</div>
<div class="element_menu_g" id="menu_g">
  <?php include ('include/menu_g.html'); ?>
</div>
<div id="news">
  <?php include ('include/news.php'); ?>
</div>
<div id="corps_index">
<?php include ('include/corps.php'); ?>
</div>
<div id="clear"><!-- Annulation du float au cas ou le menu est plus grand que le corp --></div>
<div class="element_copyright" id="copyright">
  <?php include ('include/bas.html'); ?>
</div>
</body>
</html>


C'est le code complet de la page et TOUT est fermé...

Merci d'avances pour vos réponses
0
Reivax962 Messages postés 3742 Statut Membre 1 011
 
Regarde le code source de ta page générée !
Tout n'est pas fermé.
Et je peux te dire que ce qui n'est pas fermé se situe dans ton ('include/menu_g.html').
0
hack_net Messages postés 814 Statut Membre 51
 
Merci, effectivement, une balise n'était pas fermé dans mon menu_g.html.

Merci à tous de votre aide !
0