HTML background-image unerwünschter Einzug

Question

Ich bin neu in HTML; aber ich Programmiererfahrung mit Objective-C haben, hier ist mein Code:

<STYLE TYPE="text/css"> 
    .horiz { 
    background-image: url(Banner.png); 
    background-repeat: repeat-x; 
    height:100px; 
    } 
</STYLE> 

Meine banner.png Datei ist ein 1x100 Bild und es geht über den Bildschirm in Ordnung, aber das Problem ist, dass die Banner Einzüge von oben und links um ein paar Pixel. Ich will diesen Effekt nicht, und ich habe versucht, Position: relativ und oben: 0px links: 0px, ich habe versucht, Padding auf Null um alle (aber keiner hat funktioniert).

Grundsätzlich möchte ich einen ähnlichen Effekt wie die obere Leiste in Twitter erreichen, die die oberen Ränder des Bildschirms umarmt, aber ich kann es nicht herausfinden. Danke für deine Zeit, mir zu helfen!

ps Wenn es einen Unterschied macht, verwende ich ein Tag in meinem Body-Tag.

Answer 1

Ihr Problem ist wahrscheinlich nicht mit dem Hintergrund zusammenhängen, und tatsächlich durch Polsterungen auf dem Körperelement selbst verursacht, die verhindern, dass Ihr .horiz Element eng an den Anfang des Ansichtsfensters passt.

In Ihrem HTML-Dokument sind standardmäßig einige Anfangsstile festgelegt. Einer davon ist Padding auf dem Element <body/>. Es ist eine gängige Praxis, ein Reset Stylesheet zu verwenden, wie das von Eric Meyer zur Verfügung gestellte. Sie können es auf der Website von Chris Coyier finden: http://css-tricks.com/snippets/css/meyer-reset/

Verweisen Sie einfach zuerst auf dieses Dokument und fügen Sie dann alle Ihre eigenen benutzerdefinierten Stile hinzu. Eine weitere Sache, die dies tut, ist die Normalisierung der stilistischen Unterschiede, die standardmäßig zwischen den verschiedenen Browser-Anbietern existieren.