Discussion :

[piscou51000]

Bonjour,

Voila je développe une application contenant un menu en haut. Et une div principale (en rouge). Je voudrais savoir comment faire pour que la scroll bar porte uniquement sur la div principale (ça c'est ok overflow:scroll) et que le menu du haut soit toujours visible (aie quelle taille pour la div principale).

La div du menu à une hauteur fixe de 40px et la div principale doit donc prendre la taille de l'écran moins 40px.. Je vous met une image si ça peut vous guider plus que mes explications.

Merci d'avance pour les pistes que vous me proposerez..

Bonne journée.

[Bisûnûrs]

Mélanger les tailles fixes et les pourcentages n'est jamais bon et en règle générale difficilement réalisable sans passer par du Javascript.

[piscou51000]

Oui Oui je sais bien. Ne t'inquiètes pas, je n'ai pas essayé de faire 100% - 40 px, je connaissait deja le résultat mais je trouvais ça parlant comme titre et que ça résumait bien le problème. Aurai tu des idées au niveau de Javascript.

Merci de ton aide.

[piscou51000]

Bonjour,

Je reviens vers vous car, j'ai essayé de mettre en place la technique proposée par Bisûnûrs c'est à dire avec du Javascript.

Voici le code qui me pose problème.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
div.fiche
{
	margin-left: 4px;
	margin-right: 2px;
	overflow:auto;	
	height: <?php 
		echo '<script type="text/javascript">'."\n";
		echo '<!--'."\n";
		echo 'document.write(document.body.clientHeight+"px;")'."\n";
		echo '-->'."\n";
		echo '</script>'."\n";
	?>
}

Biensûr ça ne passe pas (sous FF, IE et safari). Donc j'aurai aimer avoir vos conseil concernant la syntaxe et la méthode que j'utilise.

MErci d'avance et bonne journée

[Bisûnûrs]

Tu ne peux pas mettre du Javascript dans du CSS ...