Balise div de 100% de la hauteur sous IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Balise div de 100% de la hauteur sous IE

the big ben

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

Publicité

ZeBix

edit > preview

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

the big ben

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

ZeBix

edit > preview

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

Shinuza

This is unexecpected

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.

ZeBix

edit > preview

Shinuza a écrit :

Stun peu bourrin comme solution [:pingouino]

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

Shinuza

This is unexecpected

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.

ZeBix

edit > preview

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

FORUM HardWare.fr

Programmation

HTML/CSS

Balise div de 100% de la hauteur sous IE

Sujets relatifs
Balise IMG : pas de croix rouge	balise marquee sous IE
Question sur la balise seect	problème avec balise iterate struts
Formatter une balise <input type='txt'>	Hauteur des cellules en fonction de leurs valeurs?
Balise vide non reconnue	Erreur balise select avec onchange sous opera
div de la hauteur de l'écran	Contenu prenant toute la hauteur
Plus de sujets relatifs à : Balise div de 100% de la hauteur sous IE

Page générée en 0.039 secondes