Website skalieren?
 

Hallo!

Meine Homepage ist SeelenPuls
Es ist ein Hintergrundbild eingebettet, über das Menü, Content usw. mittels Abständen von left und top gelegt werden.

Die Seite ist für 1024x768 gemacht...höhere Auflösungen zentrieren die Seite...

Nun möchte ich gerne das Hintergrundbild UND alle anderen Bereiche für höhere Auflösungen hochskalieren, sodass eben die gesamte Breite genutzt wird.

Wenn das Hintergrundbild größer wird, muss natürlich das Menü, der Content usw. bei anderen Pixelabständen angezeigt werden als bei 1024x768.

Gibt es da eine Möglichkeit, Bild UND Bereiche zu skalieren rein mit CSS und ohne Javascript?

Wenn ich dich richtig verstehe möchtest du dass wirklich alle Elemente der Seite, also Textgröße, Abstände usw. sich proportional vergrößern?

Dann müsstest du entweder mit Media Queries für höhere Auflösungen (Browserbreiten) arbeiten oder die Einheit vw verwenden.

Dann musst du erstens alle position:absolute und zweitens alle px-Werte entfernen. Da das ein großer Aufwand ist, wäre sehr anzuraten, die gesamte Website neu und semantisch sinnvoll zu strukturieren. Einen einfachen "Mach mir die Website so wie ich will"-Befehl gibt es leider nicht.

Danke!

Eventuell vielleicht noch mit ... Wobei natürlich das 1.3 entsprechend berechnet werden muss. Mit JavaScript geht das auf jeden Fall, vielleicht noch mit dem calc-Befehl von CSS.

Aber das ist natürlich nur ein Workaround :?

[Edit:] Und der Content müsste noch nach unten verschoben werden, also mit 'ner Matrix. Wie gesagt: Besser mit prozentualen Angaben arbeiten.