Probléme de float...
Résolu
hack_net
Messages postés
814
Statut
Membre
-
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 :
Ainsi que le CSS en question :
Merci d'avance pour votre aide !
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 !
8 réponses
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é.
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é.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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é.
Ce qui signifie qu'il doit y avoir un autre <div> dans ton include qui, lui, n'est pas fermé.
Regardez par vous même :
C'est le code complet de la page et TOUT est fermé...
Merci d'avances pour vos réponses
<!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
Pourais-tu m'expliquer plus clairement ?
Merci !