Marcel Miller: Maximale Breite für Homepage

Hallo.
welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
800 pixel? weniger?
mfg Marcel

  1. hallo Marcel,

    welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?

    Gar keine Pixel. Sondern 100 Prozent.

    Christoph S.

    1. Hi Christoph,

      welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?
      Gar keine Pixel. Sondern 100 Prozent.

      ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht gute Augen und dazu bin ich an große Auflösungen gewöhnt. U.A. deshalb warte ich sehnlichst darauf, dass CSS3 endlich von Opera/Gecko umgesetzt wird, damit endlich Spaltenlayouts möglich sind, momentan ist das ja durchaus schwierig.

      Fabian

      1. Hi Christoph,

        welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?
        Gar keine Pixel. Sondern 100 Prozent.
        ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht

        Das wird ja immer wieder empfohlen, aber wie sieht das aus wenn die Schrift z.b. 28 pixel groß ist?
        Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?

        wie sieht's aus mit einer Breite von ca. 50ex stattdessen?

        Struppi.

        1. Hi Struppi,

          Gar keine Pixel. Sondern 100 Prozent.
          ACK. Allerdings finde auch ich wie Struppi durchaus angenehm, wenn <body> ein padding von ca. 3-4% aufweist. Kommt natürlich immer darauf an, wie das Markup sonst gestylt ist, aber am Rand klebende Texte finde ich durchaus auch unschön. Ich würde aber auch immer max-width bei Nur-Text-Bereichen auf ca. 700px-900px stellen, weil darüberhinaus es für viele Leute schwierig ist, die richtige Zeile wiederzufinden, wenn man "bis zum Rand" gelesen hat und Links wieder anfängt. Kann ich nicht nachvollziehen, aber ich habe auch noch recht

          Das wird ja immer wieder empfohlen, aber wie sieht das aus wenn die Schrift z.b. 28 pixel groß ist?

          *puh* Wer macht denn sowas? Klar, du hast Recht, aber prinzipiell impliziere ich, dass der Benutzer _nicht_ weiß, was ein Userstylesheet ist. Wenn er es weiß, dann kann es mir nur recht sein.

          Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?
          wie sieht's aus mit einer Breite von ca. 50ex stattdessen?

          Ja, warum nicht. Allerdings ist auch hier das Problem, dass damit u.U. horizontal gescrollt werden muss, oder aber alles am linken Rand steht. Man kann es eben nicht allen recht machen. Deswegen sollte man es IMHO denen recht machen, die es nicht selber können.

          Fabian

          1. Hallo Fabian,

            Sollte es nicht so sein, das die Breite sich an der Anzahl von Buchstaben orientieren soll?
            wie sieht's aus mit einer Breite von ca. 50ex stattdessen?
            Ja, warum nicht. Allerdings ist auch hier das Problem, dass damit u.U. horizontal gescrollt werden muss, oder aber alles am linken Rand steht. Man kann es eben nicht allen recht machen. Deswegen sollte man es IMHO denen recht machen, die es nicht selber können.

            mit dem "Deswegen sollte man es IMHO denen recht machen" kommt man aber doch
            im ungünstigsten Fall womöglich in Bereiche, die der User durch eine andere
            Bildschirmauflösung vielleicht schon, womöglich besser als auf andere
            Weise, geregelt hat.
            Abgesehen von flexiblen Lösungen müsste ich womöglich z.B. die Schriftgrösse
            einfach am Mainstream, also womöglich oft zu klein, orientieren weil der
            Betrachter es bereits am Bilschirm ausgeglichen haben könnte, und sonst
            noch mehr umschalten müsste.

            Aber wie ist es da eigentlich mit ex, grundsätzlich funktionieren doch em, ex oder
            % ähnlich, also nur unterschiedlicher Bezug, aber ggf. gleiche Abhängigkeiten
            oder gar Probleme mit der Vererbung vom Elternelement?

            Grüsse

            Cyx23

            1. Hallo Cyx23,

              Aber wie ist es da eigentlich mit ex, grundsätzlich funktionieren doch em, ex oder
              % ähnlich, also nur unterschiedlicher Bezug, aber ggf. gleiche Abhängigkeiten
              oder gar Probleme mit der Vererbung vom Elternelement?

              Nunja, wenn Du

              li { font-size: 1.2em; }

              hast, dann passiert bei folgender Konstruktion etwas sehr unschönes:

              <ul>
                <li>
                  <ul>
                    <li>
                      <ul>
                        <li>Text1</li>
                      </ul>
                    </li>
                  </ul>
                </li>
              </ul>
              <p>
              Text2
              </p>

              Text1 wird 1.728 (= 1.2^3) mal so groß wie Text2 dargestellt.

              Desweiteren gibt es da auch noch mehr Probleme: </archiv/2003/2/37162/>

              Viele Grüße,
              Christian

              --
              Hast Du einen Beitrag? Nur her damit!
              http://aktuell.de.selfhtml.org/tippstricks/beitrag.htm
              SELF-Code: (http://emmanuel.dammerer.at/selfcode.html)
              sh:) fo:) ch:] rl:( br:> n4:& ie:% mo:) va:) de:] zu:) fl:( js:| ss:) ls:[
    2. Tach auch,

      Gar keine Pixel. Sondern 100 Prozent.

      Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.

      Gruss,
      Armin

      --
      Location: Swindon/Wiltshire/England/UK/Europe/Northern Hemisphere/Planet Earth/Solar System/Milky Way Galaxy/Universe
      http://www.ministryofpropaganda.co.uk/
      1. hi Armin,

        Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.

        Nee, das wäre nen Mißverstaändnis. Es wurde aber nach der maximalbreite gefragt. "maximal" ist nicht dasselbe wie "optimal".

        Wichtiger ist mir der Hinweis, daß man nicht ohne zwingende Gründe "Pixelbreiten" vergeben, sondern so lange wie möglich prozentuale Angaben machen sollte.

        Grüße aus Berlin

        Christoph S.

      2. Hallo!

        Du findest also extrem lange Zeilen angenehm und gut lesbar? Ich nicht.

        Mit ein paar Zeilen javascript und css ist das Problem erledigt.
        Kleines Beispiel:

        http://home.claranet.de/elektro/

        Tschüs, jürgen

        1. Hi,

          Mit ein paar Zeilen javascript und css ist das Problem erledigt.
          Kleines Beispiel:
          http://home.claranet.de/elektro/

          Ja und, was hat das mit dem Thema zu tun?

          Das Script dort liest eine absolut irrelevante Größe (die Bildschirmbreite) aus.
          Diese hat nichts mit der zur Verfügung stehenden Breite zu tun.

          cu,
          Andreas

          --
          Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
          http://mud-guard.de/? http://www.andreas-waechter.de/
          1. Hallo!

            Ja und, was hat das mit dem Thema zu tun?

            Das Script dort liest eine absolut irrelevante Größe (die Bildschirmbreite) aus.

            Das mit dem Thema "Lesbarkeit auch bei hoher Bildschirmauflösung" zu tun.

            Diese hat nichts mit der zur Verfügung stehenden Breite zu tun.

            Soll es auch nicht. Wenn das Fenster zu klein ist, wird eben nach unten gescrollt. Aber es wird vermieden, dap bei hoher Auflösung mickrige Schriftgrößen verwendet werden.
            Die ursprüngliche Frage (welche maximale Breite des Inhalts für eine homepage ist zu empfehlen? 800 pixel? weniger?) ist jedenfalls ziemlich irrelevant. Das Beispiel kannst Du auch mit 350px Fensterbreite gut ansehen.

            Tschüs, jürgen

  2. Hallo.
    welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
    800 pixel? weniger?

    So breit, wie sich der Betrachter das Fenster eingestellt hat minus einen kleinen Rand für's optische (1-5%).

    Struppi.

  3. Hi,

    welche maximale Breite des Inhalts für eine homepage ist zu empfehlen?
    800 pixel? weniger?

    Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/
    1. Hi,

      Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)

      Auf vielen deiner Seiten stecken diese Texte dann aber in Tabellen mit fester Breite, so dass man auch bei größeren Fenstern noch horizontal scrollen muss, z.B. hier: http://www.andreas-waechter.de/GB/ENG/Tour2001/Tag01.html.
      Das hast du doch sicher nicht so beabsichtigt?

      Grüße, Stefan

      1. Hi,

        Ich verwende für die Texte eine max-width von 120ex und eine width von 99% (div) von 98% (body) ;-)

        Auf vielen deiner Seiten stecken diese Texte dann aber in Tabellen mit fester Breite, so dass man auch bei größeren Fenstern noch horizontal scrollen muss, z.B. hier: http://www.andreas-waechter.de/GB/ENG/Tour2001/Tag01.html.
        Das hast du doch sicher nicht so beabsichtigt?

        Danke für den Hinweis.

        Nein, das war nicht beabsichtigt.
        Da hat sich was verflüchtigt, statt
        width:100%; max-width:144ex;
        ist in der hochgeladenen Version aus irgendeinem Grund
        width:144ex;
        geworden.

        Dank Versionskontrolle konnte ich das aber wieder herstellen (die letzte Version war noch korrekt),
        das korrigierte CSS ist bereits online.

        Die 144ex kommen daher, daß der betroffene Bereich 24ex Rand hat - es bleiben also die erwähnten 120ex für den Text übrig.

        Nochmals Danke für den Hinweis!

        cu,
        Andreas

        --
        Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
        http://mud-guard.de/? http://www.andreas-waechter.de/