Automatische Browseranpassung

[togger]

Hallo,
ich baue eine neue Site mit DW8. Ich habe alles mit überlappenden Ebenen aufgebaut. Bei meiner alten Site hat das irgendwie funktioniert, habe sie damals aber mit MX gebastelt. Nun habe ich das Problem das wenn sich die Auflösung ändert, die Ebenen verschoben sind. Habe schon diverse Lösungsvorschläge versucht aber nicht weiter gekommen.
Da ich bereits 19 Seiten fertig habe wäre es schade wenn alles für die Katz wär.
Habe inzwisachen schon Tage damit verbracht verschiede Codes einzustricken aber meine Kenntnisse sind da ziemlich gering.
Hier mal ein Beispiel :

http://www.ridgebacks-home.de/template/test9.html für Auflösung1024x768 erstellt

Wäre über jeden Vorschlag dankbar wie ich das umstricken kann.

[MichaelM]

Hallo,

habe mir mal deine CSS angeschaut.
Du hast alle Divs absolut positioniert. Das kann bei verschiedenen Auflösungen so nicht klappen.

Am Einfachsten ist es einen <div>-Container auf der Seite zu zentrieren und in diesem den gesamten Seiteninhalt einzufügen.

Ein Beispiel aus Deiner CSS:

#Layer1 {
position:absolute;
left:146px;
top:21px;
width:442px;
height:1029px;
z-index:1;

Mein Vorschlag:

#Layer1 {
top:21px;
width: 442px;
height:1029px;
margin-left: auto;
margin-right: auto;
}

So wird der Layer1 in der Mitte des Browsers plaziert. Bei jeder Auflösung.
Und dann plaziere alle anderen Container (Ebenen) in diesem Hauptcontainer.
70 Layer? Ne ganze Menge..!!

Hier habe ich einen link für Dich der alles erklärt:

http://www.css4you.de/wslayout1/ex0003.html

[togger]

Hab das mal ersetzt,
allerdings habe ich das Problem das meine anderen Layer dann trotzdem total versetzt sind.
Ich platziere sie innerhalb des Layer 1 im DW und wenn ich Vorschau mache sind sie im Browser weit ausserhalb davon.
Irgendwie raff ich das nicht^^

[MichaelM]

Wenn Du die Divs in der Layoutansicht in DW einfach in den Layer1 schiebst, funktioniert das natürlich nicht.

Du musst die anderen Layer mittels CSS innerhalb des Layers1 (Container) einbinden.

Dann kannst die restlichen Layer floaten. z.b float left oder right.
Schau Dir doch einmal das Beispiel im Link genauer an.

Hier noch einmal einen Link indem Du Dir anschauen kannst, wie man mehrere Ebenen mittels CSS
in einem Div-Container (Ebene) einbindet.

http://www.thenoodleincident.com/tut...son/boxes.html

oder:

http://www.thestyleworks.de/basics/boxmodel.shtml

oder hier im Forum über suchen Eingabe: positionieren

http://www.traum-projekt.com/forum/2...ner-seite.html