Design automatisch an Bildschirm anpassen

  • Ich habe das Problem, dass sich mein Design nicht dem Bildschirm bzw. der Auflösung meiner Leser anpasst.
    So kommt es zB., dass ich meinen Blog so sehe:

    http://3.bp.blogspot.com/_XqoC9G18JK8/T…/screenlila.bmp

    Leser Nummer 1 sieht nur die Hälfte, also nichtmal das Bild was links zu sehen ist, und Leser Nummer 2 hat nen 22 Zoll und sieht zwar alles, aber eben verschoben.

    Leider sieht mein Design auch im Internet Explorer ganz anders aus. Aber das ist vermutlich ein anderes Problem...

    Kann mir jemand sagen, wie ich es hin bekomme, das sich das Layout automatisch an die Auflösung der Besucher anpasst?

    Ich habe gehört, das es eine Möglichkeit namens "Liquid" gibt... aber wie wende ich das in meinem HTML Code an?

    Meine Seite: http://www.chrissy-m.de.vu
    Mein Browser: Mozilla Firefox
    Meine Auflösung: 1440 x 900

  • Ein Design kann sich nicht an Bildschirme oder Auflösungen anpassen. Ein Design weiß nämlich nichts davon. Ein Design kann sich höchstens an den Viewport anpassen, den Bereich in dem die Webseite dargestellt werden kann - meist dem Inhalt eines Browserfensters, was aber nie einer Auflösung entspricht.

    Die richtige URL deiner Webseite lautet zudem: http://www.chrissymaus.blogspot.com

    Was Du da hast ist eine grauenhafte Kodierung die als Grundlage für ein an sich nettes Design dient. Wenn Du ein Design in der Breite variabel machen willst, musst Du auch die meisten Werte als Prozente angeben und nicht als feste Einheiten (z.B. als px). Da Du bei blogspot.com bist, weiß ich nicht welchen Einfluss Du auf den HTML- und CSS-Code nehmen kannst. Eigentlich müsste man bei deiner Seite alles neu machen damit Du überhaupt deinen Wunsch erreichst.

    "Liquid" hat damit nichts zu tun. Das ist keine mir bekannte Bezeichnung die irgendwas mit Designs für Webseiten zu tun hat.

  • Ich meinte ja, an den Inhalt des Browserfensters...

    Ich kann bei Blogspot im HTML Code alles ändern. Deshalb ist der Code wahrscheinlich auch so desaströs, weil ich das meiste eben selbst gemacht habe und nur wenige HTML Kenntnisse habe.

    Ich bin auch schon auf die Idee gekommen, nochmal von Null anzufangen (habe dazu einen zweiten Blog), da am Anfang ja alles automatisch angepasst ist. Aber schon sobald ich nur die allerkleinste Änderung vornehme (und sei es, im Vorlagen Designer nur den Hintergrund zu ändern) passt es sich nichtmehr an.

    Naja, ich habe das Design jetzt auf eine Auflösung von 1024 x 768 angepasst. Damit werden wohl die meisten es erkennen können. (außer sie nutzen eben den IE, aber das ist bei meinen Lesern zum Glück sowieso kaum der Fall)