[ERLEDIGT] HTML/CSS Margin

j44x · 9 Oktober 2013

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;
}

HTML:

<body>
<div id="div1">
TEXT
</div>
</body>

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

Cheffchen · 9 Oktober 2013

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

Tronjer · 9 Oktober 2013

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

Code:

* {
  margin: 0;
  padding: 0;
}

j44x · 11 Oktober 2013

Danke!!! Es Klappt! :)
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"

Egal hauptsache es klappt! Vielen Dank! *_*

scbawik · 11 Oktober 2013

Der <body> wird noch von <html> umschlossen, wahrscheinlich hatte <html> einen "Rand".

j44x · 11 Oktober 2013

Kann eigentlich nicht sein... In der Konsole jedenfalls nicht.

threadi · 12 Oktober 2013

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.

[ERLEDIGT] HTML/CSS Margin

j44x

Neues Mitglied

Cheffchen

Senior HTML'ler

Tronjer

Senior HTML'ler

j44x

Neues Mitglied

scbawik

Senior HTML'ler

j44x

Neues Mitglied

threadi

Moderator

Neueste Beiträge