salut à tous,
je débute en codage CSS de site web, mais je commence à cerner un peu mieux.
Je réalise actuellement un site, dont voici l'adresse provisoire: http://mapage.noos.fr/emosphere
et le CSS est là : http://mapage.noos.fr/emosphere/forme.css
Evidemment, je rencontre quelques soucis:
 
1-  voilà ce que ça donne avec IE:  
 
Donc, dans ce cas, c'est conforme à ce que j'attends.
 
Et voilà ce que ça donne avec FireFox...quelques problemes:  

 
Dans mon code CSS, quand je mets le "padding-top" de #page à 1px par exemple, la barre bleue disparait... à quoi celà est ce du ?
Par contre, impossible d'aligner correctement la banniere du haut et le bas de page (qui est aussi une image: pour avoir les coins ronds), avec le centre de la page: il y a toujours un décalage de quelques pixels...
 
Comment faire ?
 
2 - avec IE, lorsque je change de page (seuls les boutons "présentation" et équipements" fonctionnent pour le moment), il y a un léger clignotement, qui n'existe pas avec FireFox... que faire pour y remédier ?
 
3 eme probleme: j'ai rajouté un script pour un diaporama sur la premiere page (index.html). Sur IE pas de soucis, les images se succedent en fondu enchainé, mais sur FireFox, pas de foncu enchainé......
 
 
 
Voilà, si vous avez d'autres remarques quant au code, merci de m'en faire part, mais je cherche en priorité à résoudre ces deux problèmes.
 
merci !!

Alors mes petites remarques :
 
- La bannière, l'image a du sens, donc le texte à l'intérieur, faut qu'il soit présent dans la div banniere. Tu le caches comme tu veux ou tu l'affiche différemment, mais c'est plus important qu'il soit dans le code html de la page, car c'est du contenu !
 
- Meme chose pour les liens en bas.
 
- Précise le doctype du document, c'est important, ainsi que l'encodage de la page (iso ou utf-8 ou autre).
 
Concernant ton problème, vérifie que tes marges et padding ne posent pas de problèmes quand ils sont nuls
 
PS : pour le problème concernant IE, je ne peux point t'aider, la flemme de redémarrer pour tester. D'autres pourront te dire d'ou vient le problème

Il n'y a pas de texte dans la banniere du haut, ni dans les liens, ce sont des images "pures", ainsi j'en maitrise mieux la forme.... je préfére faire comme cela... est ce que tu veux dire que même si je n'utilise que des images, je dois mettre du texte quelques part, quitte à le cacher ? c'est à dire, mettre quelque part le texte "camping de la pierre d'orge etc...l'adresse et le tel ? mais le cacher ?
Si c'est bien celà, comment le cacher ? (car je suppose que mettre la taille à zero ça ne fonctionnera pas, je suppose que les moteurs de recherche n'aime pas ça)
 
EDIT: est ce que mettre tout ça sous forme de texte, n'importe où dans le body, de la meme couleur que le fond, ça ferait l'affaire ?
 

ça je le ferais plus tard
 

 
j'ai cru comprendre que firefox et IE n'interpretent pas le padding de la même façon.... c'est pour cette raison que j'ai mis le padding nul, mais ça ne résout pas le problème, la preuve
 
merci en tout cas pour tes conseils.

le probleme de décalage est résolu, il était du au fait que je n'avais pas mis de doctype apparemment.
 
par contre le probleme des barres bleues est lui aussi résolu, mais je me demande comment:
en fait j'ai rajouté un padding-top:1px et padding-bottom:1px dans la "boite" du milieu, sinon, ça donne ça:

 
 
Pourquoi ???
 
Le probleme de clignotement dans IE est également réglé.
 
Par contre in n'ya toujours pas de fondu dans le diaporama sous Firefox
 
merci.