Hi
ich arbeite gerade an einer Homepage für eine Firma, die als Intro ein Haus haben will.
Ich hab nun das Haus, die Fenster und die Türen schön brav als divs gemacht und auch schon alles ausgerichtet. Mein problem ist, isch schaffe es nicht, dass sich das komplette Haus auf den unterschiedlichen Auflösungen immer in die Mitte setzt kann mir da jemand helfen???
CSS Code sieht vollgendermasen aus:
Code
*{
margin: 0px;
padding: 0px;
}
#Kopf {
height: 100px;
background-color: blue;
}
#Dach{
position:absolute;
left:452px;
height: 200px;
width: 800px;
background-image: url("Bilder/Dach.png");
background-repeat: no-repeat;
}
#Kinderzimmer {
position:absolute;
top: 70px;
height: 100px;
width: 120px;
border: 1px solid black;
left: 340px;
background-color:violet;
}
#Haus {
position:absolute;
margin-top:200px;
border: 2px solid black;
left: 450px;
height: 500px;
width: 800px;
background-color: green;
}
#Bad {
position:absolute;
height: 100px;
width: 120px;
border: 1px solid black;
left: 110px;
top: 100px;
background-color: red;
}
#Schlafzimmer {
position:absolute;
height: 100px;
width: 120px;
border: 1px solid black;
left: 340px;
top: 100px;
background-color:yellow;
}
#Büro {
position:absolute;
height: 100px;
width: 120px;
border: 1px solid black;
right: 110px;
top: 100px;
background-color:blue;
}
#Küche {
position:absolute;
height: 100px;
width: 120px;
border: 1px solid black;
left: 110px;
top: 300px;
background-color: grey;
}
#Wohnzimmer {
position:absolute;
height: 100px;
width: 120px;
border: 1px solid black;
right: 110px;
top: 300px;
background-color: orange;
}
#Tür {
position:absolute;
height: 200px;
width: 120px;
border: 2px solid black;
left:340px;
top: 298px;
background-color: brown;
}
Alles anzeigen
Wäre für Hilfe echt dankbar!!!
Stefan Schneider
E&S Software