Hallo zusammen,
Ich habe mich wiedereinmal daran gemacht eine Webseite aufzusetzen.
Ich habe bis jetzt mit einem div-layout gearbeitet. Hat eigentlich so weit so gut funktioniert, bis ich einmal das Browserfenster verkleinert hab.
All die einzelnen div-boxen sind absolut positioniert.
Das heisst also: Sobald ich die Grösse des Browserfensters verändere, verändert sich die gesamte Seite.
Die Lösung ist, dass ich alles relativ positioniere.
Jedoch habe ich ziemlich schwere Probleme damit ^^
Mein momentaner CSS Code für den Body sieht so aus:
In den verschiedenen divs befinden sich Bilder.
#header_background und #body_background: Hintergrund für den oberen Teil der Seite, und für den Rest der Seite.
#Logo: Kleines Logo oben links
#menubar: Ja... Menubar. Oder Navigationsleiste.
Hier ein Bild der Seite, da ich noch keinen Webspace habe/brauche da ich sie erst noch am aufsetzen bin.
Meine Fragen sind:
Wie bekomme ich es hin, dass die verschiedenen Elemente relativ positioniert sind, und trotzdem noch an der richtigen Stelle angezeigt werden? Die Position wird ja vom Quelltext aus berechnet, und den kann ich beim liebsten willen nicht nebeneinander schreiben.
Wenn man bedenkt, dass sich alles verschiebt wenn man die Fenstergrösse des Browsers ändert, sollte man jedes einzelne Element relativ positionieren, oder?
Dankeschön :)
Ich habe mich wiedereinmal daran gemacht eine Webseite aufzusetzen.
Ich habe bis jetzt mit einem div-layout gearbeitet. Hat eigentlich so weit so gut funktioniert, bis ich einmal das Browserfenster verkleinert hab.
All die einzelnen div-boxen sind absolut positioniert.
Das heisst also: Sobald ich die Grösse des Browserfensters verändere, verändert sich die gesamte Seite.
Die Lösung ist, dass ich alles relativ positioniere.
Jedoch habe ich ziemlich schwere Probleme damit ^^
Mein momentaner CSS Code für den Body sieht so aus:
Code:
/* BACKGROUND*/
body {
background-color: #000000;
}
#header_background {
position: absolute;
background-color: #000000;
top: 2%;
left: 13%;
z-index: 1;
}
#body_background {
position: absolute;
background-color: #000000;
top: 27%;
left: 13%;
z-index: 1;
}
#Logo {
position: absolute;
background-color: #000000;
top: 6%;
left: 7%;
z-index: 1;
}
#menubar {
position: absolute;
background-color: #000000;
top: 28%;
left: 6%;
z-index: 1;
}
/* BACKGROUND:END */
In den verschiedenen divs befinden sich Bilder.
#header_background und #body_background: Hintergrund für den oberen Teil der Seite, und für den Rest der Seite.
#Logo: Kleines Logo oben links
#menubar: Ja... Menubar. Oder Navigationsleiste.
Hier ein Bild der Seite, da ich noch keinen Webspace habe/brauche da ich sie erst noch am aufsetzen bin.
Meine Fragen sind:
Wie bekomme ich es hin, dass die verschiedenen Elemente relativ positioniert sind, und trotzdem noch an der richtigen Stelle angezeigt werden? Die Position wird ja vom Quelltext aus berechnet, und den kann ich beim liebsten willen nicht nebeneinander schreiben.
Wenn man bedenkt, dass sich alles verschiebt wenn man die Fenstergrösse des Browsers ändert, sollte man jedes einzelne Element relativ positionieren, oder?
Dankeschön :)