Ingo Siemon: Zentrieren mit CSS

Beitrag lesen

Lieber Detlef

Sehr schön.

Firma dankt.

Wenn du es unbedingt für nötig hälst, kannst du ihnen eine old.css anbieten,
die lediglich Schriftangaben und Farben enthält (s. meine Beispielseite).

OK, erledigt.

Schau dir Logo-1.gif mal ohne CSS an.

Ja, ist klar.
Ich habe die nur auf die Schnell dahin geklatscht :)
Ich muss mir eh noch überlegen, wie ich das mit der
Logo-Grafik genau mache, damit es auch bei verschiedenen
Browser-Schriftgrößen anständig ausschaut.
Schade, dass es keine Vector-Grafiken in HTML gibt :)

Was interessiert dich als erstes, wenn du eine Seite betrittst, der Inhalt,
das, was die Seite dir bietet?
Oder interessiert dich besonders, wohin du dich von dieser Seite aus
weiterklicken kannst?

Naja, das kann man ja nun so oder so sehen :)
Ich persönlich würde die Navi immer zuerst mal links oder oeben sichen.
Aber da ich eh davon ausgehe, dass meine Zielgruppe kaum
ohne CSS im Internet surft, ists warscheinlich nicht so sher wichtig.

Wenn du aber mit der endgültigen Fassung beginnen willst, dann solltest du
ein wenig organisatorische Vorarbeit leisten .......
...... Dann erstelle HTML-Seiten, jeweils eine, von jedem Seitentyp.
Mit dem CSS werden dann alle identischen Elemente auch automatisch identisch
formatiert.
Die voneinander abweichenden bekommen dann die jeweils seitentypischen
Eigenschaften.

OK, ich verstehe.
Bei mir haben eigentlich fast ale Seiten den gleichen Aufbau.
Es wird nur 2 verschiedene Bilder-Typen geben.
Einmal immer mit 508er Breite die genau wie die Produktbilder
in diese weiß gerahmten Kästen kommen.
Und das andere werden die kleinen Thimbnails für die Neuheiten Seite sein.
Und ansonsten ist bei ellen Seiten eigentlich immer alles leich
aufgebaut, immer die 2 Überschriften, immer die Bilder
und immer diese Textboxen (<p>s).
Ich habe das extra so angelegt, damit alles schön übersichtlich
bleibt und auch das Gesamtdesign der Seite einheitlich und
übersichtlich ist.

Ein wenig sollte das durchaus auch zwischendrin gemacht werden, sonst
könnte der Überblick verloren gehen.

OK, werde ich machen.

OK, ich verstehe.
Aber da bei mir der "Inhalt" auf jeden Fall immer auf 510px
bleiben wird, kann ich das doch eigentlich rauswerfen.

Hast du die Schrift im Firefox wirklich sehr stark vergrößert?
Ab einer bestimmten Vergrößerung wächst die Breite (min-width: 10em).

Tatsächlich, habe mir das gerade im FF nochmal angesehen.
Liegt das daran, dass en bestimmte Dinge nicht mehr umgebrochen werden?
Aber wozu dann das min-width: 10em gut ist,
habe ich irgendwie immer noch nicht kapiert.
Das besagt doch, dass der Inhaltsbereich und der centerer
eine Mindestbreite von 10em haben soll, oder nicht?
Aber wozu?
Du merkst schon, die letzen Feinheiten Deines CSS-Codes
habe ich dann doch noch nicht durchschaut.
Obwohl mir das Grundprinzio schon klar ist.

Aber ist es denn wirklich wichtig, dass das alles bei einer derartigen
Riesen-Schrift im FF noch funtioniert?
Ich meine, gibt es denn überhaupt User, die so surfen?
Oder gibts da noch andere Clients oder Geräte usw.,
wo das doch wichtig sein könnte?

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