[Résolu]Problème deux div imbriqués

[Inconnu]

Bonjour,

Le corps de ma page est comme suit : historique

Une div "page" regroupant le text etc... ainsi qu'un menu a gauche de la page servant à se connecter etc...

Une div "corps" contenant que le text. Du coup elle me sert a center mon texte et à ne pas coller mon menu de gauche

Tous les deux ont un min-height de 757px. Le problème c'est quand mon corps fait par exemple 800px, ma page elle reste à 757px.

Voici le css :

Code : Tout sélectionner

#corps {
background-color:white;
float: left;
border : ;
margin-left : 15px;
min-height : 757px;
margin-bottom : 20px;
width : 843;

}
.page{
background-color:white;
margin : 0 auto 0  ;
min-width : 1097 ;
min-height: 757px;
margin-top: 50px;
border-radius: 5px ;
box-shadow: 0 2px 5px #1C1A19;
-moz-border-radius: 5px ;
-moz-box-shadow: 0 2px 5px #1C1A19;
-webkit-border-radius: 5px ;
-webkit-box-shadow: 0 2px 5px #1C1A19;
margin-bottom : 20px;
}

Le bottom est pour le pied de page ( qui lui du coup passe sous le corps pour etre à 20px du div page.

Voici le bout de code de la page posant problème (historique.php)

Code : Tout sélectionner

<div class="page">
            <?php
                include('../template/navigation_pub.php');/* menu de gauche*/
            ?>
            
            <div id="corps">
<?php
} /* ne pas s'en préoccuper */
?>
                <p id="titre">Histoire du Club Croisière du Centre</p><br/>
                <br/>
                <div align="center">
                ***TEXTE***
                                 </div>

              </div>
 
        </div>
        <?php
        
        
            include('../template/pied_page.php');
        
        ?>
    </body>
</html>        

Si quelqu'un peut m'aider ce serai super

[Elodie]

Bonjour,

Vous pourriez ajouter ceci en CSS :

Code : Tout sélectionner

.clear {
clear:both;
border:none;
}

puis insérer juste avant le </div> du corps, ce code :

Code : Tout sélectionner

<br class="clear">

qui aura pour rôle de créer un retour à la ligne et forcer la div à se terminer seulement après ce retour.

[Inconnu]

Ah super ça à fonctionné, j'ai donc mis le css + ajouter la class dans le div page et ça fonctionne parfaitement.

Je vous remercie