CSS dynamisches Design

[NoXiD]

Hallo!
Ich habe nun die suche mit Google aufgegeben, da ich auf keinen grünen Zweig komme.
Ich möchte eine Webseite erstellen, welche auf Größenänderungen (Auflösung) unsensibel reagiert. Sprich bei einer Auflösung von 1920x1080 soll das Layout gleich aussehen wie bei 1024x768. Ich hab bis jetzt nur erfahren dass ich das ganze relativ machen soll, dh. mit %angaben. Doch irgendwie blick ich nicht ganz durch oO

Als Beispiel, ich möchte einen Login, welcher ein Logo links oben hat und darunter einen Banner über die ganze Seite. Darunter dann zentriert die Logininformationen mit einem schönen Hintergrund hinterlegt. Designed hätt ich das schon, nur weis ich nicht wie ich das nun dynamisch hinbekomme. Würde mich echt über eure Hilfe freuen...

Freundliche Grüße!

 

[Elroy]

Ich möchte eine Webseite erstellen, welche auf Größenänderungen (Auflösung) unsensibel reagiert......

......nur weis ich nicht wie ich das nun dynamisch hinbekomme.

Was denn nun?

Eine dynamische Seite reagiert sehr wohl auf Größenänderungen. Sie passt sich immer der Größe des Viewports an.

Möchtest du also eine Webseite sie immer die gleiche Größe hat oder möchtest du eine Webseite die sich dem Viewport anpasst.

Gruss
Elroy

 

[Marv]

Hi,

du meinst aber nicht die Bildschirmauflösung oder? Hört sich nämlich bei deinen Beispiel-Auflösungen ziemlich danach an ( 1920x1080 / 1024x768 ) ?
Wenn ja, ist das denke ich nicht so eine tolle Idee. Ein 1024x768 Layout würde, wenn es z.B. bei 800x600 genau so groß für den Betrachter angezeigt werden sollte, schon deutliche Qualitätsverluste haben - Durch weniger Pixel wirkt kleinere schrift nicht mehr so sauber und ist uleserlich. Und normalerweise sind die Aufösungen und DPI auf dem Monitor oder Display von Endgeräten doch so ausgelegt, dass das Design dort auch recht gleichgroß erscheint, wenn man nicht nochmal eine andere Bildschirmauflösung eingestellt hat.