Ingo Siemon: Zentrieren mit CSS

Beitrag lesen

Lieber Detlef

Du wirst doch wohl nicht aufgeben wollen?

Manchmal bin ich kurz davor, ehrlich gesagt :)

Die größte Hürde hast du doch bereits genommen, du denkst nicht mehr
ausschließlich in Tabellen. Du versuchst nicht mehr alle Tabellenzellen
durch positionierte Divs zu ersetzen.

Ja, stimmt, obwohl das ja echt schön eifach war :)
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.

Ich schaue mir in letzter Zeit natürlich viele Webseiten an,
die per CC "gelayoutet" sind. Und dabei fällt mir immer wieder
auf, 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.

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.

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

Warum, du willst doch nicht nur dein Layout mit CSS aufbauen sondern auch
lernen.

Klra, das stimmt natürlich schon.
Aber das erstere hat letztendlich schon priorität für mich.
Schau mal, ich verdiene meinen Lebensunterhalt nicht mit Webdesign
sondern mit dem Handel von den "Püppis".
Aber ich habe auch den Anspruch, dass meine Webseite handmade ist
und das ich im Großen und Ganzen alles verstehe, was darauf abgeht.
Aber bei diesem Problem mit dem zentrierten Layout würde ich mich
sogar hinreiisen lassen, mir das einfach verraten zu lassen.

Am liebsten hätte ich die Seite im Grunde von der Optik her
ganz genauso wie vorher, nur eben alles mit CSS.
Ich könnte dieses ja auch einfach wieder mit Tabellen machen,
aber neee ... so will ich garnicht anfangen :)

Damit würde sich die Seite auch nur an die Schriftgröße, nicht aber an die
Browserfenstergröße anpassen. Es bestände die Gefahr, dass die Spalte bei
kleiner Schriftgröße zu eng für die Bilder wird, oder bei Größerer sehr
schnell horizontale Scrollbalken erscheinen.

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

Gruß
Ingo

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