Hauteur de balise en Css
Résolu
thecrazzy84
Messages postés
81
Statut
Membre
-
thecrazzy84 Messages postés 81 Statut Membre -
thecrazzy84 Messages postés 81 Statut Membre -
Bonjour,
j'ai cree mon CSS et je souhaiterai que mon menu se mette automatiquement a la meme taille de hauteur que le corps de mon site .
Ca va faire trois jours que j'essaie mais je doit passer a coter d'un truc.
Merci d'avance au ambicieux
>> Voici un extrait de mon code :
#body
{
width:1000px;
margin:15%;
margin-top:10px;
background-color:white;
background-image:url('images/fond0.png');
}
/* L'en-tête */
#en_tete
{
color: #B3B3B3;
height: 120px;
background-image:url('images/baniere.png');
background-position:center;
background-repeat:no-repeat;
background-color: #eeeeee;
padding:25px;
border: 1px solid gray;
}
#navigation
{
width:auto;
color: #B3B3B3;
height: 70px;
background-position:center;
background-repeat:no-repeat;
background-color: #eeeeee;
margin-top:5px;
border: 50px solid grey;
}
/* Le menu */
#menu
{
float:right;
width:17.7%;
background-color:#eeeeee;
border: 1px gray solid;
position:static;
height: 100%;
}
.element_menu
{
background-image:url('images/haut_de_menu.png');
background-color: #eeeeee;
background-repeat: repeat-x;
height:400px;
padding-left:0px;
margin-bottom: 5px;
margin-top: 0px;
}
/* Le corps de la page */
#corps
{
width: 79%;
height:auto;
padding: 15px;/* marge lateral dans le cadre*/
color: black;/* couleur de texte */
background-color: #eeeeee;/* couleur du fond*/
background-image:url('0');/* image de fond*/
background-repeat: repeat-x;
margin-top:21px;/* marge sup , entre les cadre*/
margin-bottom:5px;
border: 1px solid gray;
text-align: center;
}
#corps p
{
color:#181d42;
padding:25px;
padding-bottom:0px;
font-size: medium;
font-weight:bold;
text-align:justify;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
Merci
j'ai cree mon CSS et je souhaiterai que mon menu se mette automatiquement a la meme taille de hauteur que le corps de mon site .
Ca va faire trois jours que j'essaie mais je doit passer a coter d'un truc.
Merci d'avance au ambicieux
>> Voici un extrait de mon code :
#body
{
width:1000px;
margin:15%;
margin-top:10px;
background-color:white;
background-image:url('images/fond0.png');
}
/* L'en-tête */
#en_tete
{
color: #B3B3B3;
height: 120px;
background-image:url('images/baniere.png');
background-position:center;
background-repeat:no-repeat;
background-color: #eeeeee;
padding:25px;
border: 1px solid gray;
}
#navigation
{
width:auto;
color: #B3B3B3;
height: 70px;
background-position:center;
background-repeat:no-repeat;
background-color: #eeeeee;
margin-top:5px;
border: 50px solid grey;
}
/* Le menu */
#menu
{
float:right;
width:17.7%;
background-color:#eeeeee;
border: 1px gray solid;
position:static;
height: 100%;
}
.element_menu
{
background-image:url('images/haut_de_menu.png');
background-color: #eeeeee;
background-repeat: repeat-x;
height:400px;
padding-left:0px;
margin-bottom: 5px;
margin-top: 0px;
}
/* Le corps de la page */
#corps
{
width: 79%;
height:auto;
padding: 15px;/* marge lateral dans le cadre*/
color: black;/* couleur de texte */
background-color: #eeeeee;/* couleur du fond*/
background-image:url('0');/* image de fond*/
background-repeat: repeat-x;
margin-top:21px;/* marge sup , entre les cadre*/
margin-bottom:5px;
border: 1px solid gray;
text-align: center;
}
#corps p
{
color:#181d42;
padding:25px;
padding-bottom:0px;
font-size: medium;
font-weight:bold;
text-align:justify;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
Merci
A voir également:
- Hauteur de balise en Css
- Waze hauteur véhicule ✓ - Forum GPS
- Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? ✓ - Forum Word
- La girafe hauteur de ponts gratuit ✓ - Forum Logiciels
- Taille us hauteur - Forum Loisirs / Divertissements
- Excel ajuster hauteur cellule au texte automatiquement ✓ - Forum Excel
2 réponses
thecrazzy84
Messages postés
81
Statut
Membre
Malheureusement deja essayer, la taille s'adapte juste au contenu avec cette commande.
Si je comprends bien le problème, ce n'est pas évident à faire...
Voir ici pour des pistes de solutions : https://www.alsacreations.com/astuce/lire/15-div-blocs-meme-hauteur.html
Voir ici pour des pistes de solutions : https://www.alsacreations.com/astuce/lire/15-div-blocs-meme-hauteur.html