Pourquoi Mozilla me fais ca ?

Christophe - Elite grafx SARL a écrit :

J'ai commencé une mise en page toute simple et je n'arrives pas a comprendre
pourquoi ca ne s'affiche pas bien sous Mozilla

http://www.elite-grafx.com/test/new_design/index.html

Pour la CSS, c'est ici :
http://www.elite-grafx.com/test/new_design/styles.css

Si quelqu'un peut me dire ce qui va pas.

Bizarre ton truc: dans ta feuille de style, il suffit de rajouter une
lettre devant .menu ou .centre pour que ça marche (par exemple w.menu ou
a.centre) ... ?!

Ou encore si on enlève } avant .menu ou .centre .

Si ça peut t'aider...

Bizarre ton truc: dans ta feuille de style, il suffit de rajouter une
lettre devant .menu ou .centre pour que ça marche (par exemple w.menu ou
a.centre) ... ?!

Je crois pas que tu ai compris ce que je voulais faire en fait.

Donc, j'ai changé et j'ai mis mon bloc "centre" sans le FLOAT et avec un
"Margin left" de 201px et la j'arrives a un meilleur resultat sous Mozilla
ou le resultat est correct, mais sous IE je n'arrives pas a aligner le haut
de mes boites correctement. Tu peux le voir ici
http://www.elite-grafx.com/test/new_design/index.html

Y a t'il une solution a ce probleme ? Un Hack ?

--

PRUDENT Christophe
__________________________________
Webdesign - Graphisme - Assistance PC
www.elite-grafx.com

Donc, j'ai changé et j'ai mis mon bloc "centre" sans le FLOAT et avec un
"Margin left" de 201px et la j'arrives a un meilleur resultat sous Mozilla
ou le resultat est correct, mais sous IE je n'arrives pas a aligner le
haut de mes boites correctement. Tu peux le voir ici
http://www.elite-grafx.com/test/new_design/index.html

En fait je viens de reussir, mais je sais pas si c'est la bonne methode,
j'ai appliqué un "Margin Top" negatif de -19px pour arriver a aligner tout
ca.

Vous en pensez quoi ? C'est correct ou y a une methode plus standard ?

--

PRUDENT Christophe
__________________________________
Webdesign - Graphisme - Assistance PC
www.elite-grafx.com

Le Sun, 28 Nov 2004 16:55:58 +0100, Christophe - Elite grafx SARL a
écrit :

J'ai commencé une mise en page toute simple et je n'arrives pas a comprendre
pourquoi ca ne s'affiche pas bien sous Mozilla

http://www.elite-grafx.com/test/new_design/index.html

Pour la CSS, c'est ici :
http://www.elite-grafx.com/test/new_design/styles.css

Si quelqu'un peut me dire ce qui va pas.

Bonsoir,

La page HTML est bien valide 4.01 Transitional
http://validator.w3.org/
On peut ajouter ceci :
<p>
<a href="http://validator.w3.org/check?uri=referer"><img border="0"
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88"></a>
</p>

On peut tester la validité de la CSS
http://jigsaw.w3.org/css-validator/
Et ajouter ceci :
<p>
<a href="http://jigsaw.w3.org/css-validator/">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</p>
Parce que c'est ok aussi...


donc désolé... je ne vois pas...

@+

Christophe - Elite grafx SARL a écrit :

J'ai commencé une mise en page toute simple et je n'arrives pas a comprendre
pourquoi ca ne s'affiche pas bien sous Mozilla

http://www.elite-grafx.com/test/new_design/index.html

Pour la CSS, c'est ici :
http://www.elite-grafx.com/test/new_design/styles.css

Si quelqu'un peut me dire ce qui va pas.

Je n'ai pas l'affichage de la bannière... c'est normal ?

Je n'ai pas l'affichage de la bannière... c'est normal ?

Ca depend car comme je bosses dessus en meme temps, ca bouge pas mal

maintenant tu peux regarder

Il me reste toujours un souci avec IE si vous voyez le menu principal la ou
il y a "Menu 2" ma bordure traverse le menu alors que sous Mozilla ca le
fais pas...

Quelqu'un pour m'aider ?

--

PRUDENT Christophe
__________________________________
Webdesign - Graphisme - Assistance PC
www.elite-grafx.com?

Christophe - Elite grafx SARL a ecrit :

En fait je viens de reussir, mais je sais pas si c'est la bonne methode,
j'ai appliqué un "Margin Top" negatif de -19px pour arriver a aligner tout
ca.

Je te signale que (Vieux Mac Os9) sur :
- mon IE5.1 le 19px sont bien remmontés par dessus le couteau
- mon Mozilla 1.2 alors là c'est au moins de 50 px que çà remonte

Normalement (à mon idée)
- en virant ce truc à -19px;
- et avec avec :

.centre {
position: absolute;
top: 0px;
margin: 0px;
margin-left: 201px;
padding: 0px;
padding-left: 10px;
border: 1px solid #CCC;
border-width: 0px 0px 0px 1px;
}

Ce devrait faire ce que tu veux

Pourqoui ne laisses-tu pas les divs "entete" et "contenu" libres de tout
style ?

.entete {
height: 200px; /* ça ne plaît pas à mon Moz */
}
.contenu {
display: block; /* ben! oui ! c'est prévu comme ça par défaut */
}

c'est valide W3C
mais le validateur ne sait pas ce que tu veux obtenir
donc ... les css sont OK pour lui

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************

Merci, oui ca a reglé une partie du probleme d'avoir mis le bloc en
"Relative"
Mais maintenant. tu peux le voir ici
http://www.elite-grafx.com/test/new_design/index.html j'ai un affichage
parfait sur IE, mais sous Mozilla le bloc texte reste collé en haut et le
"Border left" de "Centre" traverse le menu du haut !

Je vais pas y arriver :O((((

PRUDENT Christophe
__________________________________
Webdesign - Graphisme - Assistance PC
www.elite-grafx.com

Christophe - Elite grafx SARL a écrit :

Je n'ai pas l'affichage de la bannière... c'est normal ?

Ca depend car comme je bosses dessus en meme temps, ca bouge pas mal

maintenant tu peux regarder

Oups, en fait c'était mon Adblock qui faisait du zèle. :-[ tu devrais te
méfier car le règle qui la bloquait circule et est couramment utilisée ;-)

Je dois dire que j'ai un peu de peine à comprendre le truc, si je mets
une margin-top sur .centre et que je la fais varier de 0 à 28 ça ne
change rien... comme si les éléments flottants du menu juste au-dessus
l'éliminait mais sans vraiment l'éliminer.
Tu as regardé ce que ça donne sous Opera ?

Oups, en fait c'était mon Adblock qui faisait du zèle. :-[ tu devrais te
méfier car le règle qui la bloquait circule et est couramment utilisée ;-)

C'est quelle regle qui bloque ca car c'est juste une image, rien de plus !

Je dois dire que j'ai un peu de peine à comprendre le truc, si je mets une
margin-top sur .centre et que je la fais varier de 0 à 28 ça ne change
rien... comme si les éléments flottants du menu juste au-dessus
l'éliminait mais sans vraiment l'éliminer.
Tu as regardé ce que ça donne sous Opera ?

En fait je viens de changer le bloc centre en position relative donc ca doit
etre normal.

Je regarderais avec Opera depuis mon bureau car je l'ai pas ici chez moi et
je veux pas l'installer ici.

PRUDENT Christophe
__________________________________
Webdesign - Graphisme - Assistance PC
www.elite-grafx.com