Définition de la hauteur d'un élément

**free_01_binairy** · 27/07/2016, 03h46

Bonjour, s'il vous plaît comment faut-il utiliser la propriété

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

height

et lui appliquer les valeurs en % pourcentage, (je veux pas px)
souvent je veux partager en pourcentage pour les éléments et le px, c'est pas précis et trop de spéculation.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 
<head>
	<title>sans titre</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<meta name="generator" content="Geany 1.27" />
	<style>
	.first{background: red;
		width: 100px;
		height: 250px;}
 
	.second{background: green;
		width: 25%;
		height: 50%;}
	</style>
</head>
 
<body>
	<div class= "first">
    premier div occupant le haut de la page	
 
	</div>
 
	<div class= "second">
    deuxieme div occupant le bas  de la page	
 
	</div>
 
</body>
 
</html>

Merci

Invité · 27/07/2016, 08h36

Bonjour,

1/

Envoyé par free_01_binairy

...et le px, c'est pas précis et trop de spéculation...

Ah bon ??

2/ Quand tu écris height: 50%;, c'est 50% de quoi ?

Pour qu'une hauteur en % soit prise en compte, il faut que TOUS les conteneurs parents aient AUSSI leur hauteur définie (en % ou px).

3/ HTML5 : le guide du débutant

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<!doctype html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
 
</body>
</html>

**free_01_binairy** · 28/07/2016, 12h17

Bonjour,

Quand tu écris height: 50%;, c'est 50% de quoi ?

c'est 50% de l'espace disposé par par son parent, en l'occurence ici 50% du body
Mais je comprends mieux. car j'ai fais des tests selon ce vous m'avez dit, et c'est correct.
Merci

Définition de la hauteur d'un élément

Dimensionnement en CSS

Discussions similaires

Partager

Partager