IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Probleme de min-height sous Firefox


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 43
    Points : 25
    Points
    25
    Par défaut Probleme de min-height sous Firefox
    Bonjour,

    Mon site est organiser comme ça :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
     
    <div id="contenu">
           <div id="contenu_haut">
    	</div>
     
    	<div id="contenu_centre">
     
    		<div id="contenu_centre_droit">
    		</div>
    		<div id="contenu_centre_gauche">
    	        </div>
     
           </div>
     
          <div id="contenu_bas">
          </div>
    </div>
    Le probleme c'est que mon min height prend en compte que le contenu du centre gauche et pas le contenu du centre droit. Ce contenu dépasse.

    Voici mon CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
     
    #contenu_centre
    {
    	background: url(../images/contenu_centre.jpg) repeat-y;
    	height:auto !important;
    	height:510px;
    	min-height:510px;
    }
     
    #contenu_centre_gauche
    {
    	width : 650px;
    	margin-left:40px;
    	text-align:justify;
    	padding-top: 30px;
    	font-family:Verdana;
    	font-size: 11px;
    	margin-top:-25px;
    	color:#555;
     
    }
     
     
    #contenu_centre_droit
    {
    	float:right;
    	width : 257px;
    	margin-bottom:-4px;	
    	margin-top:-42px;
    	/margin-top:-67px;
    	position:relative;
    	position:relative;
    }
    J'ai essaye avec le overflow : hidden pour mon centre gauche mais sans succès quand mon centre droit et plus grand que le gauche.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonjour,

    Citation Envoyé par doc51 Voir le message
    J'ai essaye avec le overflow : hidden pour mon centre gauche mais sans succès quand mon centre droit et plus grand que le gauche.
    #contenu_centre_droit est flottant, donc retiré du flux normal par rapport à son conteneur #contenu_centre qui s'adapte uniquement à la hauteur de son enfant #contenu_centre_gauche présent dans le flux.

    Rajouter un overflow:hidden sur #contenu_centre lui permet d'englober son enfant flottant.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Octobre 2008
    Messages
    43
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2008
    Messages : 43
    Points : 25
    Points
    25
    Par défaut
    Merci bien ça marche

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. min-height et Firefox
    Par flogreg dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/07/2008, 11h20
  2. min-height et firefox
    Par wam_baloo dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 06/06/2008, 11h09
  3. min-height avec Firefox
    Par jadorelescss38 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 28/03/2007, 11h16
  4. probleme de pop up sous firefox
    Par guy2004 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/10/2006, 13h22
  5. [CSS] Probleme avec min-height
    Par Seth77 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 30/06/2006, 15h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo