Florian: Seite an Auflösung anpassen

Ich habe eine Internetseite offline auf einem Computer erstellt der mit der Auflösung 1024&786 Pixel läuft. Wenn ich die Seite mit einer geringeren AUflösung anschauen, hat sich die Seite verzerrt. Einige Elemente habe ich mit Pixelangaben eingefügt.
Wie kann ich dieses Problem beheben?

  1. Hallo,

    Ich habe eine Internetseite offline auf einem Computer erstellt der mit der Auflösung 1024&786 Pixel läuft. Wenn ich die Seite mit einer geringeren AUflösung anschauen, hat sich die Seite verzerrt. Einige Elemente habe ich mit Pixelangaben eingefügt.
    Wie kann ich dieses Problem beheben?

    Die Pixelangaben durch relative Werte ersetzen und das Design flüssig gestalten.

    Ich befürchte fast dass man da sowieso wenig machen werden kann. Wenn man eine Seite gestaltet muss man IMHO von Anfang an schauen dass man nicht (unterbewusst) für irgendeine Auflösung optimiert.

    Grüße
    Jeena Paradies

    --
    Warum ich die Grünen mag? Sie machen abgefahrene Sachen, das imponiert mir.
    http://jeenaparadies.de/weblog/2004/mai/gruene/
    Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
    http://jeenaparadies.de/artikel/kinderschlagen/
    Jeenas Bannertauschportal; selbstgemacht ;-)
    http://jeenasbannerbude.de
    1. Die Pixelangaben durch relative Werte ersetzen und das Design flüssig gestalten.

      Was meinst du mit flüssig?

      Ich befürchte fast dass man da sowieso wenig machen werden kann. Wenn man eine Seite gestaltet muss man IMHO von Anfang an schauen dass man nicht (unterbewusst) für irgendeine Auflösung optimiert.

      IMHO ?

      1. Hallo,

        IMHO ?

        Wie schon gesagt, lies die </faq/>,
        in diesem Fall </faq/#Q-22>.

        Gruß
        Alexander Brock

        --
        Selfcode: ss:{ zu:| ls:# fo:| de:] va:} ch:? sh:( n4:? rl:? br:> js:) ie:{ fl:| mo:}
        Deshalb können Pinguine nicht fliegen:
        Was nicht fliegt kann auch nicht abstürzen
      2. Hallo

        Ich befürchte fast dass man da sowieso wenig machen werden kann. Wenn man eine Seite gestaltet muss man IMHO von Anfang an schauen dass man nicht (unterbewusst) für irgendeine Auflösung optimiert.

        IMHO ?

        In My Honest Opinion = Seiner Meinung nach

        Gruss,
        Daniel

      3. Hallo,

        Was meinst du mit flüssig?

        So, da du ja jetzt viele Links auf die FAQ bekommen hast ohne dass dir jemand dabei entgegengekommen wäre und deine Frage noch zusätzlich beantwortet hat versuche ich das mal kurz.

        Flüssiges Design verhält sich wie Wasser. Es passt sich den Gegebenheiten von selbst automatisch an. Wenn es viel Platz hat dann verbraucht es diesen zum Beispiel in der Breite, wenn es wenig Platz hat dann streckt es sich nach unten. Alles geht automatisch und HTML macht das auch ganz von selbst, denn dafür ist es ja auch gedacht. Der Gegenteil vom flüssigem Design ist das Starre oder Festzementierte Design, welches wie zum Beispiel in Gedruckter Form in Zeitungen und Büchern vorkommt. Dort kann man sich darauf verlassen dass die Fläche die man eingestellt hat immer vorhanden ist. Das geht im Internet nicht da ja auf verschiedensten Anzeigegeräten bzw. sogar Anhörgeräten die Webseite wargenommen wird.

        Grüße
        Jeena Paradies

        --
        Warum ich die Grünen mag? Sie machen abgefahrene Sachen, das imponiert mir.
        http://jeenaparadies.de/weblog/2004/mai/gruene/
        Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
        http://jeenaparadies.de/artikel/kinderschlagen/
        Jeenas Bannertauschportal; selbstgemacht ;-)
        http://jeenasbannerbude.de
        1. Hiho,

          Flüssiges Design verhält sich wie Wasser. Es passt sich den Gegebenheiten von selbst automatisch an. Wenn es viel Platz hat dann verbraucht es diesen zum Beispiel in der Breite, wenn es wenig Platz hat dann streckt es sich nach unten.

          Was sich wiederum bei der verwendung von Grafiken ziemlich schwierig gestaltet, da diese in der Regel eben nicht flüssig sind - sondern eine feste Grösse haben. Sprich, wenn du dein Design mit vielen Grafikelementen gebaut hast, dann sieht es zwar toll aus du kannst aber vollkommen vergessen das ohne grössere Probleme auf ne niedrigere Auflösung zu bringen...

          Marc

          1. Hallo,

            Was sich wiederum bei der verwendung von Grafiken ziemlich schwierig gestaltet, da diese in der Regel eben nicht flüssig sind - sondern eine feste Grösse haben. Sprich, wenn du dein Design mit vielen Grafikelementen gebaut hast, dann sieht es zwar toll aus du kannst aber vollkommen vergessen das ohne grössere Probleme auf ne niedrigere Auflösung zu bringen...

            Das was du sagst ist absolut richtig, aber ist es denn nicht gerade unser Job solche Probleme zu lösen? Wir müssen das Design so wählen dass es toll aussieht und das auch noch überall. Dass es schwierig ist wissen wir wohl alle :)

            Grüße
            Jeena Paradies

            --
            Was ist flüssiges Design im WWW?
            http://jeenaparadies.de/weblog/2004/mai/design/
            Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
            http://jeenaparadies.de/artikel/kinderschlagen/
            Jeenas Bannertauschportal; selbstgemacht ;-)
            http://jeenasbannerbude.de
      4. Hallo,

        Was meinst du mit flüssig?

        Die Frage hat mich angespornt: http://jeenaparadies.de/weblog/2004/mai/design/

        Grüße
        Jeena Paradies

        --
        Was ist flüssiges Design im WWW?
        http://jeenaparadies.de/weblog/2004/mai/design/
        Kinder schlagen zu Erziehungszwecken ist in Deutschland verboten!
        http://jeenaparadies.de/artikel/kinderschlagen/
        Jeenas Bannertauschportal; selbstgemacht ;-)
        http://jeenasbannerbude.de
  2. Hallo,

    Wie kann ich dieses Problem beheben?

    Indem du hier eine genauere Problembeschreibung _und_ einen Link/den Quellcode postest.
    Lies außerdem bitte </faq/#Q-7>.

    Gruß
    Alexander Brock

    --
    Selfcode: ss:{ zu:| ls:# fo:| de:] va:} ch:? sh:( n4:? rl:? br:> js:) ie:{ fl:| mo:}
    Deshalb können Pinguine nicht fliegen:
    Was nicht fliegt kann auch nicht abstürzen