Detlef G.: Zentrieren mit CSS

Beitrag lesen

Hallo Ingo

Aber sich generell von diesem Printmedien-Denken zu verabschieden
und ein Layout zu entwerfen, wo der "Leser" selbst bestimmt,
wie groß seine Zeitungsseite und seine Buchstaben sind,
ist echt ne harte Nummer.

Genau dass meinte ich damit, dass du die größte Hürde bereits genommen hast.

...  dass sehr viele Webdesigner entweder doch wieder auf
die feste Breite (also das schmale Handtuch) zurückgreifen,
oder einfach die Textzeilen über die ganze Bildschirmbreite fliessen
lassen.

Das sind ja auch die einfachsten Varianten.

Beides kann ja nicht im Sinne des Erfinders sein.
Meterlange Textzeilen sind grauenhaft zu lesen
und das Handtuch verschent wieder den gößten Teil des Bilschirms.

Es ist durchaus möglich, ein Layout so zu gestalten, dass es sich in einem
großen Bereich der Fenstergröße anpasst, bei wirklich zu schmalem Fenster
entweder nebeneinanderliegende Seitenelemente untereinander anordnet oder
dann Scrollbalken anzeigt. Es ist dabei auch möglich, die gesamte Seite bei
zu breitem Fenster auf ein sinnvolles Maß zu begrenzen oder nur die
Zeilenlängen, wodurch das Layout dann mehr "Luft" bekommt.

Da fand ich meinen Kompromiss, mit fester Breite für den Inhalt
und flexibler Navi eigentlich ganz gut.

In Anbetracht der Bilder, die untereinander angeordnet sein müssen um
richtig zu wirken, bin ich durchaus auch dieser Meinung.

...  ich verdiene meinen Lebensunterhalt nicht mit Webdesign
sondern mit dem Handel von den "Püppis".

Ich auch nicht. Ab Montag erwartet mich mein Büro und meine Werkstatt, wo
ich dann nichts mit Webdesign zu habe. Dann werde ich auch kaum noch vor
17:00 Uhr ins Forum schauen können.

Aber ich habe auch den Anspruch, dass meine Webseite handmade ist
und das ich im Großen und Ganzen alles verstehe, was darauf abgeht.

Das kann ich gut verstehen, damit bist du nicht von anderen abhängig und
musst auch keine Kosten dafür einplanen.

Aber bei diesem Problem mit dem zentrierten Layout würde ich mich
sogar hinreiisen lassen, mir das einfach verraten zu lassen.

Ist es dir gelungen, mit meinen Hinweisen zu width und padding eine
Zentrierung zu erreichen, die um die Breite der Navi verschobene ist?

Am liebsten hätte ich die Seite im Grunde von der Optik her
ganz genauso wie vorher, nur eben alles mit CSS.

Absolut identisch wird es wohl nicht werden, aber doch sehr ähnlich.

Ich könnte dieses ja auch einfach wieder mit Tabellen machen,
aber neee ... so will ich garnicht anfangen :)

Damit würdest du dich auf ein hartkodiertes Layout einlassen, was du dann
später kaum anpassen oder ändern kannst, ohne das komplette (X)HTML wieder
anfassen zu müssen.

Es muss doch irgendwo im Internet einen Online-Shop geben,
der da die perfeckte Lösung gefunden hat.

Ich kenne keinen. Eine wirklich perfekte Lösung wird es auch kaum geben.

PS: Wenn du wirklich soweit bist aufzugeben, schaue auf meine Beispielseite.

Auf Wiederlesen
Detlef

--
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!
0 162

Zentrieren mit CSS

Ingo Siemon
  • css
  1. 0
    beza1e1
    1. 0
      Ingo Turski
      1. 0
        Detlef G.
        1. 0
          Ingo Siemon
          1. 0
            Detlef G.
            1. 0
              Ingo Siemon
              1. 0
                Detlef G.
                1. 0
                  Ingo Siemon
                  1. 0
                    Ingo Turski
                    1. 0
                      Ingo Siemon
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Ingo Siemon
                  2. 0
                    Detlef G.
                    1. 0
                      Ingo Siemon
        2. 0
          Ingo Turski
          1. 0
            Ingo Siemon
          2. 0
            Detlef G.
            1. 0
              Ingo Siemon
              1. 0
                Detlef G.
                1. 0
                  Ingo Siemon
                  1. 0
                    Detlef G.
                    1. 0
                      Ingo Siemon
                    2. 0
                      Ingo Siemon
                      1. 0
                        Detlef G.
                        1. 0
                          Ingo Siemon
                          1. 0
                            Detlef G.
                            1. 0
                              Ingo Siemon
                              1. 0
                                Detlef G.
                                1. 0
                                  Ingo Siemon
                              2. 0
                                at
                                1. 0
                                  Ingo Siemon
                                  1. 0
                                    at
                                    1. 0
                                      Ingo Siemon
                                      1. 0
                                        at
                                        1. 0
                                          Ingo Siemon
                                          1. 0
                                            at
                                            1. 0
                                              Ingo Siemon
                                              1. 0
                                                at
                                                1. 0
                                                  Ingo Siemon
                                                  1. 0
                                                    at
                                                    1. 0
                                                      Ingo Siemon
                        2. 0
                          Ingo Turski
                          1. 0
                            Detlef G.
                    3. 0
                      Ingo Siemon
            2. 0
              Ingo Turski
              1. 0
                Detlef G.
                1. 0
                  Ingo Siemon
                  1. 0
                    Detlef G.
                    1. 0
                      Ingo Siemon
              2. 0
                Ingo Siemon
                1. 0
                  Ingo Turski
                  1. 0
                    Ingo Siemon
                    1. 0
                      Ingo Turski
                      1. 0
                        Ingo Siemon
                        1. 0
                          Ingo Turski
                          1. 0
                            Ingo Siemon
    2. 0
      Ingo Siemon
      1. 0
        beza1e1
        1. 0
          Thomas J.S.
          1. 0
            Ingo Siemon
          2. 0
            beza1e1
            1. 0
              Ingo Siemon
              1. 0
                beza1e1
                1. 0
                  Ingo Siemon
                  1. 0
                    beza1e1
                    1. 0
                      Ingo Siemon
                      1. 0
                        at
                        1. 0
                          Ingo Siemon
                          1. 0
                            at
                            1. 0
                              Ingo Siemon
                              1. 0
                                at
                                1. 0
                                  Ingo Siemon
                                  1. 0
                                    at
                                    1. 0
                                      Ingo Siemon
                                      1. 0
                                        at
                                        1. 0
                                          Ingo Siemon
                                          1. 0
                                            at
                  2. 0
                    beza1e1
                    1. 0
                      Detlef G.
                      1. 0
                        Ingo Siemon
                    2. 0
                      Ingo Siemon
                      1. 0
                        beza1e1
                        1. 0
                          Ingo Siemon
                2. 0
                  Detlef G.
                  1. 0
                    beza1e1
                    1. 0
                      Detlef G.
                      1. 0
                        beza1e1
              2. 0
                Gunnar Bittersmann
                1. 0
                  Ingo Siemon
  2. 0
    Thomas J.S.
    1. 0
      Ingo Siemon
      1. 0
        Thomas J.S.
        1. 0
          Ingo Siemon
  3. 1

    neuer Thread?

    Detlef G.
    • meinung
    1. 0
      Ingo Siemon
      1. 0

        Thema ändern

        Detlef G.
        1. 0
          Ingo Siemon
          1. 0

            Threads zusammenfassen

            Detlef G.
            1. 0
              Ingo Siemon
      2. 0
        Tobias Kloth
        1. 0
          Ingo Siemon
    2. 0
      Gunnar Bittersmann
      1. 0
        Detlef G.
  4. 0

    Navigation auslagern ?

    Ingo Siemon
    1. 0
      Detlef G.
      1. 0
        Ingo Siemon
        1. 0
          Detlef G.
          • projektverwaltung
          1. 0
            Ingo Siemon
            1. 0
              Jörg Lorenz
              1. 0
                Ingo Siemon
                1. 0
                  Jörg Lorenz
                  1. 0
                    Ingo Siemon
            2. 0
              Detlef G.
              1. 0
                Ingo Siemon
                1. 0
                  Detlef G.
    2. 0
      Længlich
      1. 0
        Ingo Siemon
        1. 0
          Jörg Lorenz
          1. 0
            Ingo Siemon
            1. 0
              Jörg Lorenz
              1. 0
                Ingo Siemon
                1. 0
                  Jörg Lorenz
                  1. 0
                    Ingo Siemon
                    1. 0
                      Jörg Lorenz
                      1. 0
                        Ingo Siemon
                        1. 0
                          Jörg Lorenz
                          1. 0
                            Ingo Siemon
                            1. 0
                              Jörg Lorenz
                              1. 0
                                Ingo Siemon
                                1. 0
                                  Jörg Lorenz
                                  1. 0
                                    Ingo Siemon
          2. 0
            Ingo Turski
            1. 0
              Jörg Lorenz
              1. 0
                Ingo Turski
            2. 0
              Detlef G.
              1. 0
                Jörg Lorenz
                1. 0
                  Sven Rautenberg
                  1. 0
                    Jörg Lorenz
        2. 0
          Længlich
          • php
          1. 0
            Ingo Siemon
            1. 0
              Længlich
              1. 0
                Ingo Siemon
                1. 0
                  Detlef G.
                  1. 0
                    Ingo Siemon
                    1. 0
                      Detlef G.
  5. 0

    Containerbox 100% Höhe

    Ingo Siemon
    1. 0
      Detlef G.
      1. 0
        Ingo Siemon
        1. 0
          Detlef G.
          1. 0
            Ingo Siemon
            1. 0
              Detlef G.
              1. 0
                Ingo Siemon
        2. 0
          Længlich
          1. 0
            Ingo Siemon
  6. 0
    Ingo Siemon
  7. 0

    3-Pixel-Bug des IE beseitigt

    Ingo Siemon
    1. 0
      Længlich
      1. 0
        Ingo Siemon
  8. 0

    Mal wieder neuen Thread eröffnen ?

    Ingo Siemon
    1. 0
      Detlef G.
      • meinung
      1. 0
        Ingo Siemon