CSS 3 et espaces automatiques entre les blocs

[tghpow]

Bonsoir a tous,

Alors que mon projet se concrétise sur papier, je commence doucement, parallèlement a établir un premier "squelette" du jeu, le web design quoi.
Je rencontre un problème, qui même après quelques recherches sur le net dont le site du zero, je ne trouve pas^^ Tout ce que j'ai compris du cours du site du zero, c'est que c'est une des nouveauté.
Pourtant je suis sur que la solution est toute conne..

Je m'explique:

Avec la mise en place de HTML5 et CSS3, un nouveau "truc" est apparut.
Un espace est fait automatiquement entre les blocs, pour mieux m'expliquer voici un screen shot:



Oui les couleurs et images sont moches Mais les images sont faites rapidement et les couleurs sont pour m'aider a différencier mes différents blocs. Je trouve ça bien plus facile pour programmer^^


PS: Bien évidemment j'ai essayé de faire pour tout mes blocs
margin-top:0px;
margin-bottom:0px;

Mais sans effet..ce que je ne comprend pas au passage iffle:

Ps²:je ne met pas les codes xhtml et css vu que je pense pas que ce soit important ici.
Si toute fois il vous les faut..je les mettrais de suite

Merci pour votre futur aide,

bonne soirée.

[php_addict]

padding:0px;
margin:0px;

[Hideaki]

Utilise une feuille de remise à zéro, comme celle-ci :
http://developer.yahoo.com/yui/reset/ ou http://meyerweb.com/eric/tools/css/reset/

La cause est dû aux navigateurs qui proposent tous des paramétrages css par défaut différents.
Les feuilles proposées ci-dessus, te permettra de ne pas trop souffrir des disparités entre chaque navigateur.

PS : Aurais-tu une copie d'écran encore plus grande ?

[tghpow]

php_addict: Ca ne marche pas, et j'ai essayé margin-top/bottom: 0px et ca ne marche pas non plus^^ je ne comprend pas.


Hideaki: Merci de ta réponse, mais simple question si moi je corrige ce bug pour moi, le jour où le site sera en ligne, les visiteurs verront le bug eux non?

Et désolé pour le screen un peu abusé

[Hideaki]

Normalement avant de mettre en ligne tu dois faire des tests sur les différents navigateurs car il peux y avoir des différences que tu ne pourras pas corriger sans faire de hack spécifique à certains navigateurs, cela ne sert à rien de chercher le pixel près pour les anciens navigateurs comme IE6-7 voir IE8 et FF3.6.
Assure-toi aussi le zoom de ton navigateur est bien à 100%, ce qui peut te jouer des tours.

Une fois l'ensemble des tests effectuer, les visiteurs devraient voir la même chose que toi.

[tghpow]

Ok je vais me renseigner sur c'est histoire alors, ca m'a l'air interessant^^

Mais sinon, non pas que je veuille n'en faire qu'a ma tête, mais il n'y a aucun moyen de regler ce probleme dans le css?
J'avoue être assez "frustré" de ne pas comprend pourquoi margin top/bottom:0px ne marche pas ici

---

Probleme réglé sur le site du zero.
En fait c'était les p qui faisaient ca..
donc il suffit d'enlever leurs marges.

Je vous donne le lien du sujet, au cas où ça pourraient intéresser quelqu'un, qui sait?

http://www.siteduzero.com/forum-83-71007...l#r6851156

[Hideaki]

Tu aurais installer la feuille de reset il aurait mit ton p à 0

[tghpow]

Je veux bien te croire hideaki^^ Je compte bien faire tout ca, mais je vais d'abord me renseigner sur le net sur ces histoire de feuille.

Merci de ton aide