[HLP] - Abstand Rand-Box/Box-Rand

[pascal.punica]

Liebe Community,

ich bin grade eben auf euch gestoßen und habe auch schon die erste Frage.
Hier meine Homepage: http://netstudios.biz

nun folgendes:
Ich möchte wenn man auf die Homepage kommt, dass Sie so aussieht wie sie es jetzt grade tut. Aber: Wenn man die HP auf PC's mit verschiedenen Bildschirmauflösungen aufruft, dann ist die Grafik immer an einem anderen Ort. (Größe der Grafik: 800px x 600px). Wie kann ich nun einen Code schreiben, dass im Bild die beiden Grauen Pfeile (Rand-Box) den gleichen Abstand zur Box haben und die größe des blauen Pfeiles (Rand-Box) einen bestimmten Abstend hat?
Hier die Grafik:


Hier mein Code wie weit ich alleine gekommen bin:

Code: Alles auswählen

#body {
background-color:black;
background-image:url(/data/assets/netstudios_bg.png);
background-position:center bottom;
background-repeat:no-repeat;
height:100%;
overflow:hidden;
position:relative;
width:100%;
}

Ich würde mich sehr über eine baldige Hilfe freuen

Euer neuer Member
pascal.punica

[sejuma]

Indem du #body einen entsprechenden Breitenwert zuweist und ihn zentrierst, z.B. so:

#body
{
background-color: black;
background-image:url(/data/assets/netstudios_welcome.png);
background-repeat: no-repeat;
height:100%;
overflow:hidden;
position:relative;
width:800px;
margin: 50px auto;
background-position:center;
}

siehe http://www.ohne-css.gehts-gar.net/0001.php

Dann noch dem eigentlichen body eine Hintergrundfarbe zuweisen:

Code: Alles auswählen

body {background: black;}

[pascal.punica]

danke für die schnelle Antwort^^