[CSS] Height avec les div en position absolute

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par CrazyCow007, 30 Avril 2007.

  1. CrazyCow007
    CrazyCow007 WRInaute discret
    Inscrit:
    28 Décembre 2003
    Messages:
    167
    J'aime reçus:
    0
    Bonjour,

    Après recherche sur le forum je n'ai rien trouvé qui réponde à ma question. J'en suis désolé si c'est le cas :?
    Mon problème ne me semble pas très compliqué mais je ne trouve vraiment pas la solution.

    Sur ma page web (qui a une largeur de 100%) je souhaite avoir
    - un header de 216px de haut.
    - un menu à gauche de 222px de large
    - une partie à droite qui permette de mettre le contenu.

    Tout marche bien, sauf que l'image du menu ne va pas jusqu'en bas lorsque le texte a une longueur > 700px, dû au fait que mon div menu n'a pas de hauteur relative au reste de la page :?
    J'avais pensé à mettre bottom: 0; mais ça ne change strictement rien sous FireFox et IE.

    Voilà le code CSS actuel pour le div menu :
    Code:
    .menu{
    	width: 222px;
    	position: absolute;
    	background-image: url(image_12.jpg);
    	background-repeat: repeat-y;
    	min-height: 700px;
    	top: 216px;
    }
    N'hésitez pas à me poser des questions si j'ai oublié de préciser certaines choses :wink:

    Merci par avance !
     
  2. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 921
    J'aime reçus:
    257
  3. CrazyCow007
    CrazyCow007 WRInaute discret
    Inscrit:
    28 Décembre 2003
    Messages:
    167
    J'aime reçus:
    0
    OK merci !
    J'ai vu une autre astuce aussi qui consiste a utiliser l'image d'arrière plan de la colonne dans le background-image du body{} conjointement avec un repeat-y...
     
Chargement...
Similar Threads - [CSS] Height div Forum Date
[CSS] line-height et IE Développement d'un site Web ou d'une appli mobile 29 Mai 2007
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
[CSS] Alignement de cadre. Développement d'un site Web ou d'une appli mobile 24 Mai 2013
[CSS] Aligner une image à coté d'une div en display:table-cell ? Développement d'un site Web ou d'une appli mobile 2 Mai 2012
[CSS] Alignement vertical du texte Développement d'un site Web ou d'une appli mobile 20 Avril 2011
[css] Petit souci pour le menu du jour! Développement d'un site Web ou d'une appli mobile 29 Août 2010
[css] Comment centrer un bloc css? Développement d'un site Web ou d'une appli mobile 25 Août 2010
[CSS] Comment faire apparaître le sous-menu ? Développement d'un site Web ou d'une appli mobile 22 Juillet 2010
[CSS] Overflow, float:right, et internet explorer Développement d'un site Web ou d'une appli mobile 10 Août 2009
[css] <li> image en vertical-align:bottom Développement d'un site Web ou d'une appli mobile 18 Juillet 2009
[CSS] bouton non cliquable Développement d'un site Web ou d'une appli mobile 16 Juillet 2009
[CSS] IE8 Développement d'un site Web ou d'une appli mobile 15 Juillet 2009
[CSS] decalage image et texte Développement d'un site Web ou d'une appli mobile 18 Juin 2009
[CSS] : scroller overflow et ie6 :-( Développement d'un site Web ou d'une appli mobile 12 Mai 2009
[CSS] bouton submit + image arriere plan Développement d'un site Web ou d'une appli mobile 20 Avril 2009
[CSS]Positionner la colonne centrale en haut du source Développement d'un site Web ou d'une appli mobile 29 Mars 2009
[Résolu] [CSS] Lien sur tout un div Développement d'un site Web ou d'une appli mobile 23 Février 2009
[CSS] L'élément body Développement d'un site Web ou d'une appli mobile 21 Décembre 2008
[CSS] : menus déroulants Développement d'un site Web ou d'une appli mobile 15 Décembre 2008
[CSS] : problème de mise en page FF3 Développement d'un site Web ou d'une appli mobile 31 Août 2008