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

Vous avez un soucis dans la création, la retouche graphique ou dans votre feuille de style ? Un problème dans la manipulation de Gimp ou de Photoshop ? Ou encore mieux, des réponses à apporter ? C'est par là.
Répondre
Inconnu
Messages : 6464
Enregistré le : 29 décembre 2010 à 18:15

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 :)
Avatar du membre
Elodie
Messages : 7762
Enregistré le : 2 avril 2010 à 20:14

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.
Vous avez une question ? Posez-la de préférence sur le forum et si ça demande un contact plus instantané, n'hésitez pas à vous rendre sur le t'chat IRC. Si votre question est personnelle, contactez-nous directement.
Inconnu
Messages : 6464
Enregistré le : 29 décembre 2010 à 18:15

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

Je vous remercie :D
Répondre