HTML/CSS Margin

html.de-Forum HTML, XHTML & CSS
1

Ich habe mir eine kleine Html-Seite erstellt und wollte per div Tags mehrere Bilder als Hintergrundbilder Hinzufügen, allerdings hat die Seite einen Rand Oben und an der linken Seite obwohl ich in meiner CSS Datei den Rand auf 0 gesetzt hab.

CSS:

[CODE]body{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

div#div1{
background-image:url(…/img/Hintergrund2.jpg);
width:1440px; height:900px;
margin: 0px;
}[/CODE]

[HTML]

TEXT
[/HTML]

Hat jemand eine Ahnung wie ich diesen Rand weg bekomme?
lg Jonas

2

Hallo,

im grunde ganz ok der code teil, zeige mal ein Link.
(bitte nicht seite ist noch nicht online, es gibt free hoster :O) )

Cheffchen

3

Setze mal das hier an den Anfang deiner CSS-Datei:

* { margin: 0; padding: 0; }

4

Danke!!! Es Klappt! :slight_smile:
Das heißt also das irgendwas einen Rand hatte?! Aber in der Entwicklungskonsole von Chrome hatte nichts einen Rand und trotzdem war der body „weiter unten“ o_O
Egal hauptsache es klappt! Vielen Dank! _

5

Der wird noch von umschlossen, wahrscheinlich hatte einen „Rand“.

6

Kann eigentlich nicht sein… In der Konsole jedenfalls nicht.

7

In jedem Browser haben alle Elemente einen Standardabstand (innen wie außen), den kann und sollte man mit o.g. Eigenschaften zurücksetzen/resetten. In Entwicklungstools wie Firebug sieht man diese Standardwerte höchstens bei „Berechnet“, d.h. der Ansicht die ausgibt, welche Eigenschaften bei welchem Element wirken.