Bonjour à tous,
Juste une info que je partage car j’ai perdu 1h a cause d’un truc con.
Pour la realisation de mon squelette j’avais besoin d’une hauteur de 100% pour ma div GLOBAL.
Mais cela na marchait pas sous firefox 3, SOUS forme de squelette SPIP alors qu’en HTML pur pas de PB.
En clair l’image de fond ou la couleur de fond de GLOBAL n’apparaissait pas.
mon code CSS perso :
html, body, #global {height:100%;}
body{
margin:0;padding:0;
text-align:center;
background:#ffffd4;
}
#global{
margin:0px auto;
padding:0px;
width:980px;
text-align:left;
background:red url(‹ images/fond_body.png ›) top center repeat-y;
}
Merci a FIREBUG!
Mon probleme vient du plugin thickbox qui insere le code suivant :
html, body {thickbox.css (ligne 12)
height:auto !important;
min-height:100%;
}
Donc pour corriger cette affaire, j’ai modifié mon inc-head.html
en mettant en PREMIER : #INSERT_HEAD
puis mes declaration CSS en second
(j’avais par defaut mon INSERT_HEAD en dernier dans le fichier)
Et j’'ai modifier mon CSS de la sorte:
html, body, #global {height:100%!important;}
C’est tout, bonne journée.
Attention donc à thickbox, qui est cependant tres pratique 
Super, mille mercis !! Je n’avais pas encore eu - ou subi sans m’en rendre compte - ce pb, mais, au moins, je saurai où aller voir au cas où !!
Bonne soirée.
Marc
Le 21 juin 09 à 10:35, arthegone arthegone a écrit :
Bonjour à tous,
Juste une info que je partage car j’ai perdu 1h a cause d’un truc con.
Pour la realisation de mon squelette j’avais besoin d’une hauteur de 100% pour ma div GLOBAL.
Mais cela na marchait pas sous firefox 3, SOUS forme de squelette SPIP alors qu’en HTML pur pas de PB.
En clair l’image de fond ou la couleur de fond de GLOBAL n’apparaissait pas.
mon code CSS perso :
html, body, #global {height:100%;}
body{
margin:0;padding:0;
text-align:center;
background:#ffffd4;
}
#global{
margin:0px auto;
padding:0px;
width:980px;
text-align:left;
background:red url(‹ images/fond_body.png ›) top center repeat-y;
}
Merci a FIREBUG!
Mon probleme vient du plugin thickbox qui insere le code suivant :
html, body {thickbox.css (ligne 12)
height:auto !important;
min-height:100%;
}
Donc pour corriger cette affaire, j’ai modifié mon inc-head.html
en mettant en PREMIER : #INSERT_HEAD
puis mes declaration CSS en second
(j’avais par defaut mon INSERT_HEAD en dernier dans le fichier)
Et j’'ai modifier mon CSS de la sorte:
html, body, #global {height:100%!important;}
C’est tout, bonne journée.
Attention donc à thickbox, qui est cependant tres pratique 
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net
Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Documentation de SPIP : http://www.spip.net/
irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip