[CSS] Height avec les div en position absolute
3 messages
• Page 1 sur 1
- CrazyCow007
- WRInaute discret

- Messages: 182
- Inscription: 28 Déc 2003
[CSS] Height avec les div en position absolute
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 :
N'hésitez pas à me poser des questions si j'ai oublié de préciser certaines choses
Merci par avance !
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: Tout sélectionner
.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
Merci par avance !
-

Marie-Aude - Modérateur

- Messages: 11887
- Inscription: 5 Juin 2006
http://www.google.fr/search?sourceid=na ... ing+footer
Un peu de recherche dans tout ça devrait te donner la solution
Un peu de recherche dans tout ça devrait te donner la solution
- CrazyCow007
- WRInaute discret

- Messages: 182
- Inscription: 28 Déc 2003
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...
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...
3 messages
• Page 1 sur 1
Lectures recommandées sur ce thème :
- css 3 colonnes position absolute
- position absolute
- Position absolute hors de l'écran
- position: absolute; avec un fichier flash
- IE6 et CSS height
- [CSS] line-height et IE
- CSS height 100%
- Position absolute et margin-bottom aucun effet
- Impact des styles (position absolute) sur Google
- Height en CSS avec Internet Explorer
Consultez la description détaillée des produits ou services de Google suivants : Google Earth Flight Simulator
- Trouver la position de son site dans Google
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Google, pour certains mots-clés recherchés. - Trouver la position de son site dans Yahoo
Cet outil vous permet de vérifier si une ou plusieurs page(s) de votre site arrive(nt) dans les premiers résultats de Yahoo, pour certains mots-clés recherchés.
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
