Discussion :

[gdiamond]

Bonjour j'essaie de pratiquer mes divisions; Mon problème vient du fait qu'à chaque fois que je rajoute du texte (ou des balises) dans un div, il y a toujours une espace (peut-être une bordure) qui se rajoute au top de la div.

Exemple dans la div "nav" Il y a une espace de plus qui s'affiche

ci-joint un fichier

[Invité]

Bonjour,
certains éléments (ul, li,...) ont des valeurs (margin, border,...) par défaut.
Initialise au début du CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
* { /* pour tous les éléments */
   margin:0;
   padding:0;
   border:0;
}
html, body {
   margin:0;
   padding:0;
   width:100%;
   height:100%;
}

Pour info :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	margin: 0px auto 0px auto;
	padding: 0px 10px 0px 10px;

s'écrit simplement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
	margin: 0 auto;
	padding: 0 10px;

Et enlève les espaces inutiles dans id ="..."

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  <div id ="global">
   <div id ="delimiteur">
    <div id ="header">
...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
  <div id="global">
   <div id="delimiteur">
    <div id="header">
...

[gdiamond]

Merci beaucoup jreaux62 pour les explications!