Div qui occupe 100% de la hauteur du div parent
Résolu
getbackers19
Messages postés
131
Date d'inscription
Statut
Membre
Dernière intervention
-
getbackers19 Messages postés 131 Date d'inscription Statut Membre Dernière intervention -
getbackers19 Messages postés 131 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche désespérément le moyen pour que ma balise nav prenne 100% de la hauteur de mon header! c'est pour un exo dans le cadre d'une formation! code :
merci d'avance pour votre aide
Faut que j'aille au toilette, ou sont mes écouteurs?
Je cherche désespérément le moyen pour que ma balise nav prenne 100% de la hauteur de mon header! c'est pour un exo dans le cadre d'une formation! code :
<header> <nav> <div id="logo"> <img src="logo.png" alt="logo" /> </div> <ul> <li><a href="index.html">Home</a></li> <li><a href="portfolio.php">Portfolio</a></li> <li><a href="cv.php">CV</a></li> <li><a href="contact.php">Contat</a></li> </ul> </nav> </header>
merci d'avance pour votre aide
Faut que j'aille au toilette, ou sont mes écouteurs?
A voir également:
- Hauteur div en fonction du contenu
- Fonction si et - Guide
- Word a trouvé du contenu illisible - Guide
- Fusionner deux cellules excel en gardant le contenu - Guide
- Comment colorer une cellule excel en fonction du contenu d'une autre cellule - Forum Excel
- Colorer une cellule en fonction de la valeur d'une autre cellule - Forum Excel
3 réponses
Oups c'est vrai désolé ...
------------------------------------------------------------------------
J'avais tenté le height oui sa n'avait pas fonctionné sa avait pris 100% du body je crois
Faut que j'aille au toilette, ou sont mes écouteurs?
html {
height: 100%;
width: 100%;
}
body {
height: 100%;
width: 100%;
max-width: 100%;
}
li {
padding:0% 2% 0% 2%;
display: inline-block;
}
ul {
text-align: center;
display: inline-block;
padding:0;
margin:0;
width: 79%;
}
header {
background-color: #1397A3;
}
@font-face{
font-family: 'CaviarDreams';
src:url('font/CaviarDreams.ttf');
}
a {
font-family: CaviarDreams;
text-decoration: none;
color: #fff;
}
header nav img {
width: 20%;
}
------------------------------------------------------------------------
<header> <nav> <img src="logo.png" alt="logo" /> <ul> <li><a href="index.html">Home</a></li> <li><a href="portfolio.php">Portfolio</a></li> <li><a href="cv.php">CV</a></li> <li><a href="contact.php">Contat</a></li> </ul> </nav> </header>
J'avais tenté le height oui sa n'avait pas fonctionné sa avait pris 100% du body je crois
Faut que j'aille au toilette, ou sont mes écouteurs?