Récupérer la hauteur de la fenêtre

**hannibal974** · 17/05/2013, 13h21

Bonjour,

je souhaiterais créer une bande sur la gauche de ma fenêtre dans laquelle j'insèrerait des liens. Pour cela, j'ai essayé de récupérer la hauteur de ma fenêtre par le biais d'un script java mais je pense qu'il doit y avoir une méthode plus simple.
Je vous mon quand même mon code :

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
 
<html>
<body>
<script>
function Redim() {
alert(window.innerHeight);
}
</script>
<style>
nav {
     background-color: red;
}
</style>
<nav height="Redim()">
<a href="index.php">Recherche</a>
</nav>
</body>
</html>

**Periah** · 17/05/2013, 14h11

Pour faire ce que tu souhaites, tu peux utiliser une div en "float:left" pour tes liens et une autre pour le contenu.

Mais je ne vois pas trop le rapport avec la hauteur de ta page.

**hannibal974** · 17/05/2013, 14h19

Le rapport est que je souhaite mettre une couleur de fond différente de celle de mon arrière plan et je veux que cette couleur soit sur toute la hauteur de ma page.

**Bovino** · 17/05/2013, 14h24

Oui mais tu commets pas mal d'erreurs !

L'attribut HTML height est à proscrire, il faut passer par un style CSS à la place.

Tu ne peux pas mettre de JavaScript pour déterminer la valeur d'un attribut.

**hannibal974** · 17/05/2013, 14h44

J'ai essayer de passer par le css sauf qu'il me prennait que la partie comprenant du texte et non pas la hauteur de ma page

**Periah** · 17/05/2013, 14h47

Il faut que tu mettes du height:100% sur tous les conteneurs (html, body...)

**hannibal974** · 17/05/2013, 15h11

Le problème c'est que sa m'agrandi la page et du coup j'ai la barre déroulante à droite qui s'affiche. De plus, mon nav possède alors des marge et même avec marge-left, etc... les marges ne s'enlèvent pas

**Periah** · 17/05/2013, 15h31

Une petite base de travail...

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html style='height:100%;'>
	<body style='height:100%;min-height:100%;margin:0px ; padding:0px;'>
		<DIV id='menu' style='float:left;background-color:red;height:100%;min-height:100%;'>
			<nav style='margin:0px ; padding:0px;'>
				<a href="index.php">Recherche</a>
			</nav>
		</DIV>
		<DIV style='background-color:green;'>
			blablabla
		</DIV>
	</body>
</html>

**hannibal974** · 17/05/2013, 15h49

Merci de ta réponse je vais pouvoir enfin faire mon menu verticale !!!

Récupérer la hauteur de la fenêtre

HTML

Discussions similaires

Partager

Partager