[ERLEDIGT] Weißer Rand um Hintergrundbild

[berl1n]

Hallo,

ich bin blutiger Anfänger in HTML und CSS. Um genau zu sein habe ich gestern zum ersten Mal mit HTML und CSS gearbeitet. Heute bin ich nun auf ein kleines Problem gestoßen. Und zwar hat meine Seite zwei Hintergrundbilder. Jeweils eins an der linken bzw. rechten Seite. Diese sind fixiert und wiederholen sich nicht. Mit dem Hintergrundbild auf der linken Seite ist alles in Ordnung, allerdings hat das Hintergrundbild rechts einen weißen Rahmen. Alleine konnte ich bis jetzt nicht rausfinden woher dieser kommt. Die beiden Bilder sind wie folgt im Stylesheet eingebunden:

html {    background: url("http://www.html.de/images/bg left.png") no-repeat fixed top left;
}
body {
    background: url("http://www.html.de/images/bg right.png") no-repeat fixed top right;
    color: #000000;
}

Diese Art zwei Hintergrundbilder auf einer Seite zu haben, hatte ich irgendwo im Internet gefunden.

Desweiteren befindet sich eine Box im Stylesheet, die in der Mitte der Seite angezeigt wird, eine feste Größe hat und immer zu beiden Seiten den selben Abstand hat. Diese sieht wie folgt aus:

div.box {    width: 1220px;
    background: white;
    position: absolute;
    top: 0px;
    right: 50%;
    margin-right: -630px;
    bottom: 0px;
    padding: 20px 20px 20px 20px;
    box-shadow:    8px 8px 16px #CCCCCC,
                -8px -8px 16px #CCCCCC;
}

In der HTML-Datei selbst ist im Moment nur im head ein Title, sowie die Verlinkung aufs Stylesheet (<link rel="stylesheet" type="text/css" href="style/style.css" />) und im body ein Text zum testen der Box (<div class="box">"Text"</div>).

Ich hoffe ihr könnt mir bei dem Problem weiterhelfen. Natürlich könnt ihr mir auch gerne weitere Tipps und Tricks nennen.

Danke schonmal im Vorraus für eure Hilfe.

 

[berl1n]

Kann mir keiner weiterhelfen? Es sieht folgendermaßen aus:

klick

 

[Websprachen Tutorials]

Hallo.

Bilder wären gut, um zu sehen, was du genau meinst. Noch besser wäre natürlich ein Link.

Solltest du noch keinen Webspace haben, dann kannst du diesen auch kostenlos (mit Werbung - zum Testen aber egal) nutzen, z.B. Funpic

Einfach mal Goooooooglen

MfG

PS: Man sollte möglichst wenig mit festen Größen arbeiten, da ja nicht alle einen gleich großen Monitor haben...

 

[threadi]

Ich hab eine Vermutung: du meinst die Standardabstände die bei jedem Element und eben auch dem body gelten. Die kannst Du so zurücksetzen:

body { padding: 0;margin: 0; }

Ich würde dir raten die Abstände aller Elemente zurück zu setzen. Das geht so:

* { padding: 0;margin: 0; }

Moderation: Verschoben von HTML zu CSS.

 

[berl1n]

Danke. Das Problem hat sich damit erledigt. Falls ich nochmal irgendwelche Fragen habe, melde ich mich wieder.