Div Sous Mozilla, ajustement automatique ?

Sous IE,
si je fais sur un objet div

il la redimensionne automatiquement en hauteur pour loger tout son contenu (et sa hauteur n'est pas à 0), ce qui est fort pratique quand on génère des divs à la volée sans connaître a priori leur contenu.

Y'a t'il une astuce équivalente sous firefox ? (qui lui affiche la div avec une hauteur 0, c'est à dire qu'on ne la voit pas)

merci.

Ben tu va sur le site du w3c, tu mate les normes css, et tu voies :

height:auto

Magique. ^^

....et ca marche pas. (dans mon cas)
mais mon_div.height=''; ca ca marche.

Show ze code avec "auto".

Cela dit je suis en train de me demander pourquoi tu veux ça. Par défaut le navigateur adapte la taille au contenu, non ? Et si le contenu change, la taille suit...

Si tu veut que ca s'adapte automatiquement tu devrait ne pas mettre de style je crois.

en effet c'est bien ca qui se passe (pas de style) quand je met div.style.height='';

Pour nono, je cherchais à le faire en one-shot pour IE/mozilla. Le contenu du div je ne le connais aps mais il ne change pas, le but est de creer une arborescence dépliable. le cas d'utilisation, si tu veux voir de quoi il en retourne, c'est les pages de forum de continent. (menu taverne)

Et pourquoi tu veux fixer le style en JS s'il ne change pas ???

<div style="height:auto">

</div>

Suffit normalement. Et comme auto est le paramètre par défaut, <div></div> convient très bien.

Ou alors j'ai pas compris ton problème...

ouarf c'est super joli mais 81.12 Ko la page de forum c rude...

Bah, 80Ko de nos jour c'est rien, puis si tu peux activer le mode gzip, c'est encore "moins que rien". ^^

Il faut comprendre qu'un fichier CSS est gardé en cache. Donc c'est avantageur à utiliser plutot que d'utiliser des trucs inline tout le temps...

Et ya une chose qui m'énerve... les développeur qui débutes fruste contre tout les navigateurs au normes du W3C mais ne semble pas comprendre que si ca marche juste sous IE, c'est justement parceque IE est mal fait. Qu'il utilise ses propres fonctions, qu'il interprete de travers, etc.

Un site fonctionnel sous IE n'est pas forcément un site bien fait.
Un site fonctionnel sous FireFox est à 95% un site compatible universellement (parfois faire faire quelques exception pour IE justement ;p)

pour répondre à ta question, en inline comme il l'à été dit plus haut ca devrait fonctionner. Sinon, tu ton Div est contenu dans quelque chose d'autre ET n'est pas en position absolue, essaye ceci:

<div style="height:100%;"></div>

Aussi, si tu passe par javascript (dans le cas de trucs en DHTML), la bonne syntaxe ressemblerais à ceci:

<script>
function ajuster(){
document.getElementById("mondiv").style.height='100%';
}
</script>
<div id="mondiv"></div>


Note de fin: Ne jamais oublier l'unité: %, px, pt, etc... sinon c'est un risque car le navigateur interpretera comme bon lui semblera.

Si c'est pour travailler avec des éléments visibles ou non (arborescence dépliable), pourquoi ne pas utiliser la propriété "visibility" de ton div ?
Tu la mets à false et le tour est joué.

Ai-je raté qqchose ?

hum la derniere fois que j'ai teste le coup du caché pas caché... cela donnait un peu n'importe quoi sous internet explorer. (a noter c'etait y a prés de 2 ans)

je l'avais testé sur mon jeu d'echec ( avec div deplaçable et masquable ) et ça passe bien sur ie, bon sous firefox , ca passe pas du tout par contre :/

Bonjour à tous,

Je me promène de temps en temps sur le forum, et pour une fois que je peux apporter un peu d'eau au moulin des autres, j'en profite :

Utiliser l'attribut "visibility" pose un problème de taille : un objet non visible est effectivement masqué, mais il occupe toujours la même place dans le flux du document.
Il vaut mieux utiliser, dans ce cas, l'attribut "display: none" pour masquer un élément. On le remet en "display: block" (ou "inline", c'est selon) pour le réafficher. J'ai ainsi fait un treeview en JS pour ma boîte, qui utilise 16 lignes de javaScript et des petites astuces HTML (parfaitement réglos), et qui fonctionne sous IE et Forefox.

Si c'est bien ce genre de chose qui t'intéresse, je peux développer.


[ Sinon : Firefox est 99% compatible avec les normes W3C, mais IE représente 90% des navigateurs utilisés par les internautes. Ce qui explique pourquoi beaucoup de développeurs ne se prennent pas la tête. Ils préfèrent la quantité. Cependant, en développant sour Firefox et en utilisant des petits "hacks" tout-à-fait dans la norme pour que ça fasse pareil sous IE, ça ne prend pas beaucoup de temps supplémentaire, et c'est au final compatible avec 99% des navigateurs utilisés. ]

Histoire de dire tout de même ^^ IE ne représente plus 90% des navigateurs depuis quelques mois

Dans de nombreux domaines, Firefox a dépassé les 15% de part de marché. Sur tous les sites traitant d'informatique c'est souvent 20% et plus, et ça grimpe encore (bien qu'il s'essouffle un peu ces dernières semaines)

Dans le domaine "familial" (sites de recettes de cuisine par exemple ^^) il atteint péniblement les 10% c'est vrai.

Dans le domaine des jpc je ne saurais pas donner de telles stats, mais je pense qu'il s'agit d'un domaine rassemblant des visiteurs qui seront plus du type "informatique" que "recettes de cuisine".
En prenant pour exemple les stats des Souterrains de Delain: http://www.jdr-delain.net/cgi-bin/awstats....nright#browsers
On voit que IE ne représente "que" 70% des visiteurs, et FF 20%.


Aujourd'hui (je sais que je prèche des convertis, mais on ne le répète jamais assez), "optimiser" un site pour IE, c'est suicidaire.

Revers de la médaille : il va falloir s'attendre à l'arrivé de nouveau virus et spyware spécial firefox. Enfin, la communauté firefox est, heureusement, très réactive.

Sur MountyHall, c'est assez marrant :
10 % de Mozilla sur la partie site (y.c. forum) et
35% de Mozilla sur la partie jeux.

Faut dire que plusieurs joueurs ont développé des plug-in spécifiques pour Mozilla.

Marrant quand même