Voila un extrait de mes CSS et un squelette de page XHTML 1.1
Mon probleme : je voudrais imposer une hauteur minimum pour le cadre "cadre-global"
mais, si je fixe une hauteur par exemple {height : 500px;} lorsque les données ASP qui s'affiche  
dans le cadre "texte-contenu" grandissent ce cadre grandit mais pas "cadre-global" !
Quand je mets {min-height: 500px;} ça ne fonctionne pas (pas de hauteur mini)...
Une idée ?
 

Donne la hauteur de 500px à .texte-contenu et aucune à .cadre-global

 
J'essaye ça merci  

FlyMan30 a écrit a écrit :     J'essaye ça merci

 
 
Marche pas  
 
Par contre  
 

 
Fonctionne avec netscape 6 et mozilla 1.0 mais pas avec IE6  

IE c de la merde.
 
Mets en plus du min-height, un div invisible de 0px de large et de 470 px de haut avec un attribut float: left; et c'est dans la poche...  

Donne à ton conteneur les propriétés suivantes :
 
display: table-cell;
height: 500px;
 
 
Ca devrait marcher. S'il n'y a pas assez de texte, la taille fera 500 pixels de haut. S'il y a trop de texte le cadre s'agrandira (sans que le texte sorte du cadre avec Mozilla)

 
désolé ça ne marche pas sous mozilla le conteneur passe sous le menu à gauche avec IE c'est impec    

Poste l'URL de ce que tu fais parce que là on parle dans le vide.

FlyMan30 a écrit a écrit :     désolé ça ne marche pas sous mozilla le conteneur passe sous le menu à gauche avec IE c'est impec

 
Tu as essayé ce que je t'ai dis ?  

Hermes le Messager a écrit a écrit :     Tu as essayé ce que je t'ai dis ?

 
oui mais alors la ça marche sous IE mais plus sous mozilla  

 
Je te donnerai l'url demain car je doit partir ce soir et je n'ai pas mis la base en ligne    

Pas la peine de tout mettre en route hein. Une page statique suffit...

FlyMan30 a écrit a écrit :     oui mais alors la ça marche sous IE mais plus sous mozilla

 
 
 
Je t'ai dis de COUPLER cette méthode avec le min-height vindiou d'vindiou !!

 
http://www.efrance.fr/saintalban/E [...] ent_c+.asp
 
PS: seul les 3 premiers lien so,t valides  

 
Je confirme j'ai couplé  

Tu n'as pas fait ce qu'il fallait, car chez moi cette méthode est infaillible.
 
Le min-height doit s'appliquer au div qui grandit automatiquement.
 
Et le div invisible doit être ajouté DANS le div qui s'agrandit automatiquement.  
 
Comme cela, c'est OBLIGé que cela fonctionne !

Mais mais mais mais mais....    
 
Qu'est-ce que je vois là en lisant le source ??? C'est ma page de test http://www.mao-france.com/index2.html recopiée quasi-texto !!!!!    
 
Bon, notes que je suis flatté que tu t'en serve.    
 
Mais cela explique pourquoi tu rencontres des difficultés. Il faut que tu reprennes les choses une à une pour bien tout comprendre.  

Bon déjà tu te compliques la vie pour rien. Je vois pas pourquoi tu  mets autant de div les uns dans les autres. À mon avis tu devrais regrouper .corps et .contenu et mettre ton .menu en flottant (float : left; ) plutot qu'en positionnement absolu (que tu utilises mal d'ailleurs)
 
Ensuite pour ton problème, je te conseille plutôt de travailler sur la hauteur de .contenu (puisque c'est elle dont le contenu change) pluôt que sur .cadre-global.
 
J'ai ajouté :

 
à .contenu et ça marche impec.
 
 
Et puis des trucs comme ça il vaut mieux éviter :  

 
Alors qu'il est tellement plus simple de redéfinir <h1> ou <p>...

Hermes le Messager a écrit a écrit : Mais mais mais mais mais....       Qu'est-ce que je vois là en lisant le source ??? C'est ma page de test http://www.mao-france.com/index2.html recopiée quasi-texto !!!!!       Bon, notes que je suis flatté que tu t'en serve.       Mais cela explique pourquoi tu rencontres des difficultés. Il faut que tu reprennes les choses une à une pour bien tout comprendre.

Ah mais c'est LexTuhor !

 
 
J'en avais marre de ce pseudo à la noix  

Hermes le Messager a écrit a écrit : Mais mais mais mais mais....       Qu'est-ce que je vois là en lisant le source ??? C'est ma page de test http://www.mao-france.com/index2.html recopiée quasi-texto !!!!!       Bon, notes que je suis flatté que tu t'en serve.       Mais cela explique pourquoi tu rencontres des difficultés. Il faut que tu reprennes les choses une à une pour bien tout comprendre.

 
Oui tu as raison   je suis partie de ton exemple, pour tester les positionnement CSS  

 
 
Ben c'est parceque je me suis fait faire des remontrance par un professionel une fois qui m'a dit que c'était déconseillé  

Ben ça, ça marche
 
Enlève du texte à .contenu et tu veras que ton cadre garde une taille minimum.
 

FlyMan30 a écrit a écrit : Ben c'est parceque je me suis fait faire des remontrance par un professionel une fois qui m'a dit que c'était déconseillé

 
MOUHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA !!!!!!!!

Désolé GM, mais ta solution ne marche absolument pas avec Opera et ne donne pas exactement le même résultat avec IE et Mozilla (je viens de tester).
 
Pour le moment, lorsqu'on veut qu'un div grandisse automatiquement en fonction de la taille de deux autres divs, la solution du float est bien pourrave. C'est très mal pris en compte par les navigateurs et pour cause : ça ne sert pas à ça au départ.
 
De plus pour les tailles minimums, ça oblige à ruser, puisque seuls Mozilla et Opera prennent le min-height en compte.
 
Bref, après avoir lutté pendant un bon bout de temsp, et étant donné que la compatibilité avec tous les navs récents est mon objectif, j'en déduit que :
 
Il y a deux grandes solutions pour faire un menu et un contenu :
 
1) Un menu en absolute et un contenu qui fait varier le div global tout seul.
seule condition : que la taille du contenu ne soit jamais inférieure à la taille du menu.
 
2) Un tableau dont les deux cellules jouent le rôle de div, avec les tailles spécifiées via les CSS.
 
Voilà, à part ces deux possibilités, je n'ai rien vu de convaincant pour ce qui est du crossbrowsing...  

Bon alors j'ai finalement fait ça:
 

 
mis : <span class="vide"></span> dans le <div class="contenu">
 
Et... ça marche sous IE 6 et Mozilla 1.0

Testes avec Opera 6, c'est la seule solution pour un truc vraiment crossbrowser.  

Hermes le Messager a écrit a écrit : Testes avec Opera 6, c'est la seule solution pour un truc vraiment crossbrowser.

 
Celui-la je ne l'ai pas  

Ouais bon il y a des adaptations à faire. Les marges des <ul> avec Opera sont trop grandes donc le menu trop haut. Ceci se corrige avec :  
 
ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
 
J'ai ajouté un petit vertical-align: top; parce qu'Opera, par défaut centre le contenu.
 
Maintenant ça devrait être bon avec IE et Opera.
 

Si voir l'astuce avec le spacer.

Ce qui n'est pas forcément le cas ici (contenu à taille variable)

Hermes le Messager a écrit a écrit :   2) Un tableau dont les deux cellules jouent le rôle de div, avec les tailles spécifiées via les CSS.   Voilà, à part ces deux possibilités, je n'ai rien vu de convaincant pour ce qui est du crossbrowsing...

Si, display: table-cell; j'insiste

Merci à tout les deux pour vos explications et conseils  

gm_superstar a écrit a écrit :   Ouais bon il y a des adaptations à faire. Les marges des <ul> avec Opera sont trop grandes donc le menu trop haut. Ceci se corrige avec :     ul {   margin-top: 10px;   margin-bottom: 10px; }   J'ai ajouté un petit vertical-align: top; parce qu'Opera, par défaut centre le contenu.   Maintenant ça devrait être bon avec IE et Opera.     Si voir l'astuce avec le spacer.   Ce qui n'est pas forcément le cas ici (contenu à taille variable)   Si, display: table-cell; j'insiste

 
Je ne dis pas le contraire, mais je trouve que plutôt que de mettre une "rustine" pour chaque navigateur, il vaut mieux faire un code qui marche pour TOUS les navigateurs.
 
Et ma solution qui consiste à utiliser un menu en absolute et un contenu en relative marche sur TOUS les navigateurs récents ainsi bien entendu que la solution consistant à utiliser un tableau avec propriétés en CSS.

gm_superstar a écrit a écrit :   Ouais bon il y a des adaptations à faire. Les marges des <ul> avec Opera sont trop grandes donc le menu trop haut. Ceci se corrige avec :     ul {   margin-top: 10px;   margin-bottom: 10px; }   J'ai ajouté un petit vertical-align: top; parce qu'Opera, par défaut centre le contenu.   Maintenant ça devrait être bon avec IE et Opera.           Si voir l'astuce avec le spacer.   Ce qui n'est pas forcément le cas ici (contenu à taille variable)       si, display: table-cell; j'insiste

 
 
Montre moi les modifs que tu as fait dans les CSS, merci

arf, si c'est pour l'expérience, c'est vrai que c'est intéressant de pas du tout utiliser de tableau.
 
Mais il se trouve que dans le cas d'une adaptation automatique d'un div en fonction de deux autres divs côte à côte, un tableau rempli parfaitement cette fonction.
En même temps, si tu définis toutes les propriétés du tableau et des cellules via CSS, ya pas grande différence avec des divs.
 

 
C'est plus léger quand même que toutes les rustines nécessaires sans cela.
 
Et philosophiquement (pour les puristes), c'est pas si mal finalement.

Hermes le Messager a écrit a écrit : Testes avec Opera 6, c'est la seule solution pour un truc vraiment crossbrowser.

 
Bonje l'ai téléchargé, bon ben y encore du boulot le redimentionnement fonctionne maintenant avec IE et Mozilla mais pas avec opera 6  

héhéhé.... Regardes au dessus, je te donne LA solution.    
 
On peux faire sans tableau, mais c'est finalement plus lourd et maladroit, car on ruse pour chaque nav.
 
 
Par contre, pas question de revenir en arrière et de définir les propriétés du tableau autrement qu'avec des CSS    

Toutes les modifs que j'ai faites sont sur le lien que j'ai donné plus haut.
 
En gros j'ai viré ton <div class="corps"> qui sert à rien puis j'ai fait quelques modifs à .cadre-global .menu et .contenu (plus un petit réglage pour les <ul> ) Je te laisse donc fouiller dans le fichier CSS
 
Vérifié avec IE, Moz & Opera.

gm_superstar a écrit a écrit :   Toutes les modifs que j'ai faites sont sur le lien que j'ai donné plus haut.   En gros j'ai viré ton <div class="corps"> qui sert à rien puis j'ai fait quelques modifs à .cadre-global .menu et .contenu (plus un petit réglage pour les <ul> ) Je te laisse donc fouiller dans le fichier CSS   Vérifié avec IE, Moz & Opera.

 
OK mais tu les vois comment les CSS dans la page modifiée, avec IE je peut voir le code, mais les CSS ?  

FlyMan30 a écrit a écrit : OK mais tu les vois comment les CSS dans la page modifiée, avec IE je peut voir le code, mais les CSS ?

Ben c'est Test.css j'ai rien changé. Tape la dans ta barre d'adresse, IE te demandera de la télécharger. Mozilla lui, l'affichera.

Arf, je crois qu'on a un problème GM   de  
 
   
 
dans le source de la page, tu as un lien au début qui te dis où est stokée la feuille de style  
 
ooppsss, grillaid !

gm_superstar a écrit a écrit :   Ouais bon il y a des adaptations à faire. Les marges des <ul> avec Opera sont trop grandes donc le menu trop haut. Ceci se corrige avec :     ul {   margin-top: 10px;   margin-bottom: 10px; }   J'ai ajouté un petit vertical-align: top; parce qu'Opera, par défaut centre le contenu.   Maintenant ça devrait être bon avec IE et Opera.     Si voir l'astuce avec le spacer.   Ce qui n'est pas forcément le cas ici (contenu à taille variable)   Si, display: table-cell; j'insiste

 
Ben c'est quoi l'astuce parceque j'ai bien trouvé :
 

Mais pas l'utilisation que tu en fait dans la page    
 
et je n'ai pas compris le ckear

Oups c'est clear: both; en fait. Mais on en a pas besoin en fait.