Hi zusammen,
Ich habe da folgendes Problem beim Bau meiner Homepage:
Ich würde gerne die Hp als Zimmer darstellen und das Zimmer als Hintergrund nehmen (800x600), drum herum einach nur eine Farbe als Hintergrund
Das Bild sollte zentriert sein. Nun will ich aber Links auf die Musikanlage, den PC usw. legen und das mit Pixelausrichtung machen...aber irgendwie verrutscht das immer aufgrund des variablen farbigen hintergrund...wie kann ich das einstellen dass die Pixelabmessung sich am Zimmer halten soll ?
hier mal der bisherige Stand meiner html-Datei:
<html>
<style type="text/css">
div { solid #aaaaaa;}
div#a
{
position:absolute;
top:120px; left:507px;
width:120px; height:80px;
}
div#b
{
position:absolute;
top:124px; left:328px;
width:120px; height:80px;
}
div#c
{
position:absolute;
top:105px; left:160px;
width:12px; height:80px;
}
div#d
{
position:absolute;
top:248px; left:150px;
width:12px; height:80px;
}
div#e
{
position:absolute;
top:235px; left:278px;
width:90px; height:80px;
}
div#f
{
position:absolute;
top:310px; left:266px;
width:90px; height:80px;
}
div#g
{
position:absolute;
top:293px; left:395px;
width:190px; height:80px;
}
div#h
{
position:absolute;
top:349px; left:410px;
width:190px; height:80px;
}
div#i
{
position:absolute;
top:280px; left:50px;
width:190px; height:80px;
}
div#j
{
position:absolute;
top:515px; left:390px;
width:190px; height:80px;
</style>
<style type="text/css">
BODY {
color: #000000;
background: #fff
url(http://www.bankofchina.de/gallery/pics/alleskleber/67183.jpg)
no-repeat
50% 50%
padding: 0;
margin: 0;
overflow: hidden;
}
</style>
<title>Irgendein Titel</title>
</head><body>
<div id="a">Missions / Urlaub</div>
<div id="b">Kalender</div>
<div id="c">Depp der Woche</div>
<div id="d">Forum</div>
<div id="e">TV / Kino</div>
<div id="f">DVD / Video</div>
<div id="g">Musik / Alben / Bands</div>
<div id="h">Bücher</div>
<div id="i">Internet</div>
<div id="j">Gästebuch</div>
</body>
</html>
Kann mir da einer helfen ?