Problemes de % dans la mise en page
eerbrice
Messages postés
65
Statut
Membre
-
eerbrice Messages postés 65 Statut Membre -
eerbrice Messages postés 65 Statut Membre -
Bonjour,
Pour un site que je suis en traiin de faire je dois faire les tailles en %, mais si le width fonctionne bien, le height n'est pas pris en compte.
J'ai refais un script d'essai, avec rien dedans pour être sûr que rien n'interfère et c'est pareil ou est le pb ???
merci beaucoup, je suis très ennuyé !
voici le html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<link href="Pourcentage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="haut">c'est celle du haut 20%</div>
<div id="centre"> c'est celle du centre 60%</div>
<div id="bas"> c'est celle du bas 20%</div>
</body>
</html>
et le CSS :
/* CSS Document */
body{width:100%; height:100%;}
#haut{background-color:#FF0000; width:100%; height:20%;}
#centre{background-color:#00FF00; width:100%; height:60%;}
#bas{background-color:#0000FF; width:100%; height:20%;}
Brice
Pour un site que je suis en traiin de faire je dois faire les tailles en %, mais si le width fonctionne bien, le height n'est pas pris en compte.
J'ai refais un script d'essai, avec rien dedans pour être sûr que rien n'interfère et c'est pareil ou est le pb ???
merci beaucoup, je suis très ennuyé !
voici le html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Untitled Document</title>
<link href="Pourcentage.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="haut">c'est celle du haut 20%</div>
<div id="centre"> c'est celle du centre 60%</div>
<div id="bas"> c'est celle du bas 20%</div>
</body>
</html>
et le CSS :
/* CSS Document */
body{width:100%; height:100%;}
#haut{background-color:#FF0000; width:100%; height:20%;}
#centre{background-color:#00FF00; width:100%; height:60%;}
#bas{background-color:#0000FF; width:100%; height:20%;}
Brice
A voir également:
- Problemes de % dans la mise en page
- Supprimer une page dans word - Guide
- Mise en forme conditionnelle excel - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Mise a jour windows 10 - Accueil - Mise à jour
- Mettre google en page d'accueil - Guide
2 réponses
Bonjour,
Tu définis une taille là, mais pas une position.
body{width:100%; height:100%;}
#haut {
background-color:#FF0000;
position:fixed;
top:0%;
height:20%;
width:100%;
}
#centre {
background-color:#00FF00;
position:fixed;
top:20%;
height:60%;
width:100%;
}
#bas {
background-color:#0000FF;
position:fixed;
top:80%;
height:20%;
width:100%;
}
Tu définis une taille là, mais pas une position.
body{width:100%; height:100%;}
#haut {
background-color:#FF0000;
position:fixed;
top:0%;
height:20%;
width:100%;
}
#centre {
background-color:#00FF00;
position:fixed;
top:20%;
height:60%;
width:100%;
}
#bas {
background-color:#0000FF;
position:fixed;
top:80%;
height:20%;
width:100%;
}
