[edit] J'ai changé le titre car je sens que je vais avoir d'autres questions.  
J'ajouterais les réponses à la fin du premier post pour ceux qui auraient le même souci ...[/edit]
 
Bonjour,
 
Je suis en train de me coltiner à CSS pour la première fois de ma vie afin de créer mon site photo.
 
Je travaille avec PSPad (j'aime pas Dreamweaver) ...
 
Et j'ai un probléme de comprehension    
 
Mon fichier CSS :  
 

 
Mon fichier html :  
 

 
Et j'ai deux version differentes sous IE6 et Mozilla Firefox1.5 ...
 
IE6 :  
 

 
Mozilla :
 

 
Moi je voudrais que tout soit collé comme sur IE6 !
 
Je sais que c'est un problème de margin mais je ne sais pas pouquoi ...
 
( j'ai testé avec en début de feuille un * { margin= 0; } ).
 
Un p'tit coup de main pour un p'tit gars qui apprend    
 
A vot'bon coeur  
 
Questions/Réponses :
 
Q: Dans Firefox 1.5, mes conteneurs DIV sont espacés et pas dans IE6
R: Penser à passer le margin à 0px pour * et/ou aussi le padding afin de tester lequel est en cause.
Ici, il fallait passer le margin à 0px pour <p> et pour H1  

slt
 
j' ai pas regardé beaucoup ton code mais a mon avis c' est tes <p> qui decallent sout ff, essaye le margin/padding 0 pour cette balise

Merci d'avoir jeté un coup d'oeil    
 
J'ai déjà tous mes padding à 0px.
 
Ce qui est bizarre, c'est que entre mon "main" et mon "copyright" (en bas de page), je n'ai pas de probleme.
Et pourtant, j'ai le même paramétrage que entre mon "banniere" , "menu", et "main"    
 
Je vais jouer avec les margin ... mais je n'aime pas jouer avec quelque chose que je ne comprends pas  

Oui je dirais la même chose, le padding à 0 sur les <p> ^^
D'autant plus que je ne vois pas de classe pour les p dans ta css.

J'ai essayé avec le padding à zéro sur les <p> et pas mieux    
 
Mais en revanche, c'est bizarre, je viens d'essayer sur un autre PC avec Firefox 1.07 et c'est impeccable  

Y'a pas que le padding dans la vie, y'a aussi le margin.

 
Oui je sais, quand je défini : * { margin=0; } , ça a l'air de fonctionner. Mais je n'arrive pas à trouver sur quelle balise est l'erreur ...

les Hx

 
Euh, là, je ne suis plus    
 
Pouvez-repetez la question    

H1 H2 H3 H4 H5 H6

 
oops    
 
Ok, vais voir ça.
 
Sinon, je confirme. j'ai le problème sur Firefox 1.5 et pas 1.07  

Bon, rectification, quand je défini le margin à 0px pour <p>, j'ai mon DIV menu qui est de nouveau collé contre DIV banniere.
Mais toujours un vide entre menu et main  

 
Rahhh, c'était ça    
 
h1
{
  font-family: verdana, helvetica, sans-serif;
  font-size: 20pt;
  text-decoration: underline;
  color: #CCCCCC;
  margin: 0;
  }
 
Merci    
 
Je garde le post ouvert car je suis sur que je vais avoir plein d'autres questions    
 
ps : pourtant, mon livre de chevet, c'est ça : http://www.w3schools.com/

ton livre de chevet devrait être :  
CSS2 pratique du WebDesign
 
http://www.alsacreations.com/livre/

 
Oui mais autant partir direct avec la norme : http://www.w3.org/TR/CSS21/
 
D'autant que acheter un bouquin si c'est pour faire un seul site    (même si je prefere mille fois une version papier, rien que pour les paegs cornées, les annotations ...)
 
 
Dites-moi :  
 
Les attributs du type  border-top: solid double #666666;
Ca marche avec IE6 mais je ne les vois pas avec Firefox 1.5 ....
 
Je vais chercher voir pourquoi mais si quelqu'un à une idée (c'est le même code que ci-dessus mais avec ces properties ajoutés à chaque conteneur.

C'est juste "double" et pas "solid double", pis t'as pas mis la taille de la border
 
border-top: 3px double #666666;
 
et t'auras bien une bordure double

 
Merci    
 
Mea culpa pour le "solid double", j'ai vraiment lu trop vite    
 
En revanche, c'est IE qui m'a enduit d'erreur car je voyais la bordure quand même ....
 
Sinon, la taille n'est pas obligatoire apparemment (enfin, si celle par défaut te convient).
 
Merci    

Attention aux bordures sans taille, comme je l'ai souligné sur le forum prog, si on ne précise pas, par exemple, de border sur une image en lien, Opera ne met pas de bordure.
Bref, à préciser au cas où.

Oui puis quand il n'y a pas de taille, c'est le navigateur qui décide ce qu'il met par défaut, et ils ne font pas tous la même chose Donc vaut mieux être trop précis que pas assez

 
C'est ce que je suis en train de comprendre après des centaines d'essais
 
merci en tout cas pour les infos, je continue mon p'tit bonhomme de chemin  

dès que tu commences une feuille de style et pour ne pas être emmerdé par les espacement incongrus entre les éléments
tu vires toutes les marges (padding et margins) de tous les éléments, dans ta feuille de style
et si besoin tu redéfini les marges au cas par cas.
 
* {margin:0; padding:0}

Une idée qu'elle est bien

  (drapal masqué)

 
Merci    
 
C'est ce que j'ai fini par faire pour identifier les elements sources de problèmes.

Un nouveau souci !
 
(j'avance à petit pas mais j'avance).
 
Je ne comprends pas le comportement de ma balise hr !
 
Sous IE6, elle apparait nickel et pas sous Firefox 1.5
 
Dans mon CSS :  
 

 
Dans mon html :  
 

 
Question : pourquoi tant de haine    
 
Je pensais à un probleme de couleur mais même quand je la passe en rouge pétant pour être sur de la voir ... rien    
 
( un exemple concret ici http://yannick-photo.info/main/portfolio.html , à voir sous Firefow1.5 et IE6).
 
Merci de vos lumières car je viens de me faire une heure de recherche et rien ... je dois être neuneu  

La balise HR est une vraie m*rde à modifier et c'est quasiment impossible d'obtenir un résultat identique sous IE et Fx.
Essayes plutot avec des border-bottom dans le style de tes paragraphes quand nécessaire.

 
Ok, je vais essayer (dès que j'ai le temps de m'y remettre).
 
Merci pour l'info