Header pas exactement bien placé

**n3ptune** · 01/09/2014, 20h12

Bonsoir à tous.
Petit problème, je n'arrive pas à placer mon header tout en haut de ma page. Il reste un espace entre le haut de ma page et le header
C'est une sorte d'exercice que je fais; raison pour laquelle le code n'est pas très élaborée.

mon code html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="style.css"/> 
    <title>paris</title>
  </head>
  <body>
    <div id="header"> </div>
  </body>
</html>

Mon code css.

Code :

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

1
2
3
4
5
body { background-image: url("zlatan.jpg");}
 #header{ width: 2000px;
 height: 113px;  
 background: url("header.jpg" );
 }

Merci de votre aide.

**ABCIWEB** · 01/09/2014, 21h50

A peu près tous les navigateurs on des valeurs par défaut pour padding, margin. Tu peux les définir à 0 pour les éléments suivants (et je dois en oublier)

Code :

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

1
2
3
4
body, p, form, textarea, input, submit, button, hr, ul, li, h1, h2, h3, h4, option, checkbox, select {
	margin: 0;
	padding: 0; 
}

**Muchos** · 03/09/2014, 02h36

Pas d'emballement, pas de reset ·_·'

Mettre les marges haute et gauche de BODY à zéro suffit.

**s0h3ck** · 03/09/2014, 13h23

@n3ptune

Premièrement, les yeux me saignent énormément lorsque je vois que tu veux un header alors que tu mets un div avec un id indiquant header dans le code HTML5.
Utilise la balise appropriée s'il vous plait.

Deuxièmement, pour faire du pouce sur l'idée de Muchos, voici le JS Bin (edit) pour bien visualiser les modifications apportées.
Pour faire du pouce sur l'idée de ABCIWEB, voici un lien permettant de découvrir les reset.

Bonne journée,
s0h3ck.

PS: Bouton résolu

?

Header pas exactement bien placé

CSS

Discussions similaires

Partager

Partager