2010-08-15 6 views
1

Site Web: http://www.srstage.d19.usmarge/Rembourrage où il ne devrait pas être

* { 
padding: 0; 
margin: 0; 
} 

œuvres, mais qui est pour chaque élément

J'ai travaillé cette solution aki:

#header { 
margin-bottom: -30px; 
margin-top: -20px; 
} 

Le problème est qu'il y a un espace en haut et sous l'image d'en-tête. Cependant, tous les éléments pertinents, y compris le corps semblent avoir sa marge & padding mis à 0. Je ne sais pas exactement comment résoudre ce problème.

Merci pour votre aide.

Répondre

1
#blog-title{ 
    margin: 0px; 
} 

ou:

#header h1{ 
    margin: 0px; 
} 

D'accord avec Pekka, http://getfirebug.com/ est essentiel !

+0

Merci beaucoup! – Steven

+0

Pas un problème, heureux d'aider :) Pour accepter la réponse, appuyez sur le 'tick 'sous les boutons de vote haut/bas à gauche de ma réponse :) –

+0

Je suis juste d'attente pour les 5 minutes pour être debout :) Acceptez la réponse. – Steven

1

C'est le bourrage/la marge par défaut de l'élément h1#blog-title qui l'entoure. Forcer les deux valeurs à 0, et cela devrait fonctionner correctement.

Comme une note de côté, pour l'avenir, « Inspecter l'élément » de Firebug et its layout view

alt text

sont l'outil idéal pour trouver des trucs comme ça.

+0

Vous avez tous les deux posté à la même seconde: http://img808.imageshack.us/img808/4853/capturerg.png J'ai retourné une pièce sur random.org et Michael a gagné. Mais merci! :) J'ai Firebug et regardé par-dessus tout ce que je dois manquer. – Steven

+0

@Steven vous êtes les bienvenus. Random.org est une belle façon de retourner la pièce. –

0

Vous avez un jeu de marge pour les éléments internes. Ils s'étendent à leurs parents. Utilisez un remplissage lorsque de tels cas se produisent. Dans votre cas, le h1 dans l'en-tête a une marge. retirez-le et tout est réglé.

Questions connexes