spip et css... arrachage de cheveux..

Bonjour à tous..
Exposé du problème : je cherche bêtement à centrer mon site sur la page.. à
priori ma méthode CSS est la bonne pour qu'elle fonctionne sur tous les
navigateurs, à savoir :
#general {
width: 820px;
padding:0;
margin: 200px auto 0 auto;
text-align: left;
}

et le body :

body {
font-family:"trebuchet MS", Verdana, Arial;
font-size:13px;
color: #111;
line-height: 15px;
margin: 0px;
background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;
}

le Doctype déclaré est le :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

ce qui à priori d'après ce que j'ai lu est le plus approprié...
Sauf que ça ne marche pas partout..
Enfin il n'y a qu'UNE page qui s'affiche correctement partout, à savoir une
rubrique... mais les autres pages (qu'il s'agisse de rubrique, articles ou
groupe de mots) ne s'affichent pas correctement partout (ça ne dépend
apparemment même pas du navigateur.. enfin je n'en ai pas l'impression)
Ma question est : comment est-il possible que deux pages ayant le même
squelette (à savoir celui d'une rubrique par exemple) et doinc la même
source css ne s'affichent pas de la même façon ? je n'arrive pas à savoir où
chercher ? apparemment ce n'est pas le code css qui ne fonctionne pas mais
le code html non ?
bref, je suis vraiment perdue, j'ai cherché un peu partout mais je ne trouve
pas..
j'ai vraiment besoin d'aide donc si quelqu'un pouvait essayer de m'aider ?
merci d'avance

jusb a écrit :

Bonjour à tous..
Exposé du problème : je cherche bêtement à centrer mon site sur la page..

As-tu une URL ?

jusb a écrit :

Bonjour à tous..
Exposé du problème : je cherche bêtement à centrer mon site sur la page.. à priori ma méthode CSS est la bonne pour qu'elle fonctionne sur tous les navigateurs, à savoir :
#general {
width: 820px;
padding:0;
margin: 200px auto 0 auto;
text-align: left;
}

et le body :

body {
font-family:"trebuchet MS", Verdana, Arial;
font-size:13px;
color: #111;
line-height: 15px;
margin: 0px;
background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;
}

le Doctype déclaré est le :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&quot;&gt;

ce qui à priori d'après ce que j'ai lu est le plus approprié...
Sauf que ça ne marche pas partout..
Enfin il n'y a qu'UNE page qui s'affiche correctement partout, à savoir une rubrique... mais les autres pages (qu'il s'agisse de rubrique, articles ou groupe de mots) ne s'affichent pas correctement partout (ça ne dépend apparemment même pas du navigateur.. enfin je n'en ai pas l'impression)
Ma question est : comment est-il possible que deux pages ayant le même squelette (à savoir celui d'une rubrique par exemple) et doinc la même source css ne s'affichent pas de la même façon ? je n'arrive pas à savoir où chercher ? apparemment ce n'est pas le code css qui ne fonctionne pas mais le code html non ?
bref, je suis vraiment perdue, j'ai cherché un peu partout mais je ne trouve pas..
j'ai vraiment besoin d'aide donc si quelqu'un pouvait essayer de m'aider ?
merci d'avance

Une URL pour voir ?
Autrement, je te conseille ce site référence sur le sujet
http://blog.html.it/layoutgala/

Bonjour

est il possible d’avoir le code du squelette ? Comment est fait l’appel à la feuille de style ?

Laurent

Le 10 décembre 2008 13:19, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

jusb a écrit :

Bonjour à tous…
Exposé du problème : je cherche bêtement à centrer mon site sur la page… à priori ma méthode CSS est la bonne pour qu’elle fonctionne sur tous les navigateurs, à savoir :
#general {
width: 820px;
padding:0;
margin: 200px auto 0 auto;
text-align: left;
}

et le body :

body {
font-family:« trebuchet MS », Verdana, Arial;
font-size:13px;
color: #111;
line-height: 15px;
margin: 0px;
background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;
}

le Doctype déclaré est le :

ce qui à priori d’après ce que j’ai lu est le plus approprié…
Sauf que ça ne marche pas partout…
Enfin il n’y a qu’UNE page qui s’affiche correctement partout, à savoir une rubrique… mais les autres pages (qu’il s’agisse de rubrique, articles ou groupe de mots) ne s’affichent pas correctement partout (ça ne dépend apparemment même pas du navigateur… enfin je n’en ai pas l’impression)
Ma question est : comment est-il possible que deux pages ayant le même squelette (à savoir celui d’une rubrique par exemple) et doinc la même source css ne s’affichent pas de la même façon ? je n’arrive pas à savoir où chercher ? apparemment ce n’est pas le code css qui ne fonctionne pas mais le code html non ?
bref, je suis vraiment perdue, j’ai cherché un peu partout mais je ne trouve pas…
j’ai vraiment besoin d’aide donc si quelqu’un pouvait essayer de m’aider ?
merci d’avance

Une URL pour voir ?
Autrement, je te conseille ce site référence sur le sujet
http://blog.html.it/layoutgala/


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

Je précise ma pensée ce sera plus simple : possible que les styles ne soient tout simplement pas appelés par les autres squelettes, à vérifier…

Laurent

Le 10 décembre 2008 13:19, Jean-Christophe Villeneuve <jcvilleneuve@cegetel.net> a écrit :

jusb a écrit :

Bonjour à tous…
Exposé du problème : je cherche bêtement à centrer mon site sur la page… à priori ma méthode CSS est la bonne pour qu’elle fonctionne sur tous les navigateurs, à savoir :
#general {
width: 820px;
padding:0;
margin: 200px auto 0 auto;
text-align: left;
}

et le body :

body {
font-family:« trebuchet MS », Verdana, Arial;
font-size:13px;
color: #111;
line-height: 15px;
margin: 0px;
background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;
}

le Doctype déclaré est le :

ce qui à priori d’après ce que j’ai lu est le plus approprié…
Sauf que ça ne marche pas partout…
Enfin il n’y a qu’UNE page qui s’affiche correctement partout, à savoir une rubrique… mais les autres pages (qu’il s’agisse de rubrique, articles ou groupe de mots) ne s’affichent pas correctement partout (ça ne dépend apparemment même pas du navigateur… enfin je n’en ai pas l’impression)
Ma question est : comment est-il possible que deux pages ayant le même squelette (à savoir celui d’une rubrique par exemple) et doinc la même source css ne s’affichent pas de la même façon ? je n’arrive pas à savoir où chercher ? apparemment ce n’est pas le code css qui ne fonctionne pas mais le code html non ?
bref, je suis vraiment perdue, j’ai cherché un peu partout mais je ne trouve pas…
j’ai vraiment besoin d’aide donc si quelqu’un pouvait essayer de m’aider ?
merci d’avance

Une URL pour voir ?
Autrement, je te conseille ce site référence sur le sujet
http://blog.html.it/layoutgala/


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

Salut !

On 10 déc, 11:25, "jusb" <j...@orange.fr> wrote:

Bonjour à tous..
Exposé du problème : je cherche bêtement à centrer mon site sur la page.. à
priori ma méthode CSS est la bonne pour qu'elle fonctionne sur tous les
navigateurs, à savoir :
#general {
width: 820px;
padding:0;
margin: 200px auto 0 auto;
text-align: left;

}

Euh... là j'ai besoin de concret :

que répond l'ami FireBug lorsque tu fais un "inspect" sur cet
élément ???

Si tu ne comprend pas la question, donne l'url de la page où ca
marche, et celle d'une page où ca ne marche pas, et on checkera pour
toi.

et le body :

body {
font-family:"trebuchet MS", Verdana, Arial;
font-size:13px;
color: #111;
line-height: 15px;
margin: 0px;
background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;

}

Petit tuyau optionnel, tu peux compresser ton bloc :

background-attachement:fixed;
background-color: #ffffff;
background-image: url(fond.jpg);
background-repeat: repeat-y;
background-position: center top;

comme suis :

background: #fff url(fond.jpg) fixed repeat-y center top;

Après c'est toi qui voit, moi j'ai tendance à trouver ca plus clair :wink:

@+ et bon code :wink:
Etienne.