Balise div de 100% de la hauteur sous IE

Marsh Posté le 08-05-2007 à 10:32:55

Bonjour,

Je cherche a ce qu'une balise div prenne d'office toute la hauteur de ma page. Ca fonctionne sous FireFox mais pas sous IE évidemment.
Comment puis je faire? J'ai essayé:

Code :

#container {
top:0px;
min-height: 100%;
height: auto !important;
height: 100%;
}

D'avance merci

BEn

Reply

Marsh Posté le 08-05-2007 à 10:32:55

Reply

Marsh Posté le 08-05-2007 à 13:38:56

Je pense qu'il n'y a pas moyen sur IE ... et d'ailleurs je trouve étonnant que cela fonctionne sous Firefox, car une page n'a pas de "hauteur", elle peut en effet défiler à l'infini tant qu'il y a des données

Quoi qu'il en soit, tu peux aller chercher la hauteur de la fenêtre active avec Javascript (c'est assez cool car ça prend vraiment la surface d'affichage et pas la totalité de ta fenêtre c'est-à-dire les menus, barres d'outils etc.) et hop :

Code :

<script language="Javascript">
document.write ("<div id='container' style='height:"+document.body.clientHeight+"px;'>" );
</script>
Contenu de ta div
</div>

A noter que sur Firefox seulement, tu peux remplacer la valeur par "window.innerHeight", qui est plus concise (mais l'autre marche sur les 2 browsers donc mieux). A tester sur Opera / Konqueror et autre

Message édité par ZeBix le 09-05-2007 à 11:33:20

Reply

Marsh Posté le 08-05-2007 à 13:47:24

ok grand merci faudra juste prévoir également si l utilisateur a désactivé les javascript...

Reply

Marsh Posté le 08-05-2007 à 17:06:18

Très judicieuse remarque ... je ne vois alors pas d'autre solution :-/

Reply

Marsh Posté le 08-05-2007 à 23:50:07

Stun peu bourrin comme solution [:pingouino]

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Reply

Marsh Posté le 09-05-2007 à 11:31:56

Shinuza a écrit :

Stun peu bourrin comme solution [:pingouino]

De fait ... mais tu en as une autre à proposer peut-être ? :whistle:

Reply

Marsh Posté le 09-05-2007 à 11:49:54

Code :

var madiv = document.getElementById('madiv');
madiv.style.height=value+'px';

[:pingouino]

Message cité 1 fois

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

Reply

Marsh Posté le 09-05-2007 à 14:03:00

Shinuza a écrit :

Code :

var madiv = document.getElementById('madiv');
madiv.style.height=value+'px';

[:pingouino]

*edit* (erreur de ma part hehe)

jolie solution indeed attention de mettre le code javascript après la déclaration de la div , le code "resize" donc celle-ci.

Message édité par ZeBix le 09-05-2007 à 14:06:46

Reply

Balise div de 100% de la hauteur sous IE

Sujets relatifs:

Leave a Replay