Josef B.: CENTERed

Hallo,

ich möchte eine Seite mit einem(!) Layer erstellen, und habe diesen schon in einer externen CSS-Datei definiert und auf der Seite eingefügt: ...<body><div class="content"> Inhalt </div></body>...
Der Layer ist definiert mit einer Breite von 760px für 800x600er Auflösungen. Wie kann ich den Layer bei höheren Auflösungen (z.B. 1024x768) entweder auf der Bildschirmmitte zentrieren oder an die neue Auflösung anpassen?

Wie hat Stefan Münz es bei den Selfhtml Seiten geschafft, dass diese bie 1024x768 den ganzen Bildschirm füllen, und sich bei 800x600 oder kleiner anpassen?

Danke schonmal,

MFG
Josef

  1. Hallo,

    ich möchte eine Seite mit einem(!) Layer erstellen, und habe diesen schon in einer externen CSS-Datei definiert und auf der Seite eingefügt: ...<body><div class="content"> Inhalt </div></body>...
    Der Layer ist definiert mit einer Breite von 760px für 800x600er Auflösungen. Wie kann ich den Layer bei höheren Auflösungen (z.B. 1024x768) entweder auf der Bildschirmmitte zentrieren oder an die neue Auflösung anpassen?

    Wie hat Stefan Münz es bei den Selfhtml Seiten geschafft, dass diese bie 1024x768 den ganzen Bildschirm füllen, und sich bei 800x600 oder kleiner anpassen?

    Danke schonmal,

    MFG
    Josef

    Probier doch mal die Breite des Layers entweder in PROZENT anzugeben (98%) oder du gibst für 760px das hier ohne die "" an: "screen.width-40"

    (oder vielleicht doch mit den "" ??)

    Aber ich glaube mit Prozent biste besser beraten
    herojoker

  2. Der Layer ist definiert mit einer Breite von 760px für 800x600er Auflösungen. Wie kann ich den Layer bei höheren Auflösungen (z.B. 1024x768) entweder auf der Bildschirmmitte zentrieren oder an die neue Auflösung anpassen?

    Zentrieren kann man Blockelemente mit margin:auto (siehe CSS-Doku, [http:http://www.w3.org/TR/REC-CSS2/visudet.html#q6]).
    Was Du genau mit "an die neue Auflösung anpassen" meinst, weiß ich nicht. HTML-Elemente passen sich jedenfalls automatisch an die Dokumentbreite an, sofern man sie nicht mit Maßnahmen wie "width" und "height" festzementiert. Daß man da statt Pixel auch Prozente angeben kann (oder anderes, siehe http://www.w3.org/TR/REC-CSS2/syndata.html#values), wurde ja schon geschrieben, zusätzlich kennt CSS übrigens auch Angaben wie left und right (http://www.w3.org/TR/REC-CSS2/visuren.html#position-props).

    Wie hat Stefan Münz es bei den Selfhtml Seiten geschafft, dass diese bie 1024x768 den ganzen Bildschirm füllen, und sich bei 800x600 oder kleiner anpassen?

    Vorschlag: Schau mal in den Quellcode (der hat allerdings mit CSS-Layout nicht allzu viel zu tun, das basiert fast komplett auf HTML).

    Gruß,
      soenk.e

    PS: Wer ist eigentlich auf den dusseligen Namen "Layer" gekommen?

    1. [freundliche Begrüßung]

      Hallo,

      Zentrieren kann man Blockelemente mit margin:auto (siehe CSS-Doku, [http:http://www.w3.org/TR/REC-CSS2/visudet.html#q6]).
      Was Du genau mit "an die neue Auflösung anpassen" meinst, weiß ich nicht. HTML-Elemente passen sich jedenfalls automatisch an die Dokumentbreite an, sofern man sie nicht mit Maßnahmen wie "width" und "height" festzementiert. Daß man da statt Pixel auch Prozente angeben kann (oder anderes, siehe http://www.w3.org/TR/REC-CSS2/syndata.html#values), wurde ja schon geschrieben, zusätzlich kennt CSS übrigens auch Angaben wie left und right (http://www.w3.org/TR/REC-CSS2/visuren.html#position-props).

      Danke, das hilft mir. :-)

      Gruß,
        soenk.e

      MFG
      Josef

      PS: Wer ist eigentlich auf den dusseligen Namen "Layer" gekommen?

      Ups, habe da was verwechselt. Sorry.