Ingo Siemon: Zentrieren mit CSS

Beitrag lesen

Lieber Detlef

Selbstverständlich.

OK, prima.
Ich habe schon wieder ein kleines bisschen weitergemacht.
Hier das Ergebnis: http://www.spaceart.de/_Test/Test-03.shtml

Außerdem ermöglicht es dir, die Navigation an einer beliebigen Stelle im
Quelltext (innerhalb von #centerer) anzuordenen, damit bei Browsern ohne CSS
die Produktbeschreibung vor dieser angezeigt wird.

Ja, das ist mir auch schon aufgefallen
(im Opera kann man die CSSe ja abschalten).
Aber macht es nicht eher sogar noch mehr Sinn, die Navi
bei nicht CCS-Ansicht zuerst zu sehen?

Du solltest es so machen, wie es für dich am übersichtlichsten ist.

Würdest Du denn folgende Herangehensweise für sinnvoll halten?
Da das Grundgebäude ja nun steht, werde ich mich nun an das
Finetuning der Navi und der Startseite machen.
Und wenn dann in der CSS-Datei alles erfasst ist,
dann werde ich versuchen, diese aufzuräumen.

Ich habe diese Liste in ein zusätzliches Element gepackt, weil ältere IEs
ohne exra Tricks diese sonst nicht wie gewünscht darstellen. Dabei habe ich
vergessen margin und padding auf 0 zu setzen.

Ahhh, ales klar. Ich habe nun also beides in
#footerlinks ul, #footerlinks li
auf 0 gesetzt. Und nun gehts natürlich.

Ich habe das Bild in einen Absatz (.Bild) gesteckt, damit sich bei einer
Verbreiterung von #inhalt der Rahmen anpasst, das Bild selbst aber zentriert
bleibt.

OK, ich verstehe.
Aber da bei mir der "Inhalt" auf jeden Fall immer auf 510px
bleiben wird, kann ich das doch eigentlich rauswerfen.
Oder ist es sinnvoller für Bilder an anderer Stelle der Seite
(z.B. das Logo oben in der Navi) mit einer neuen ID zu versehen?

Die Doppelung text-align:center für das Elternelement und margin:auto für
das Element, welches zentriert werden soll, ist nötig, weil ältere IEs
margin:auto nicht richtig anwenden, dafür Blockelemente aber
fälschlicherweise bei text-align:center zentrieren.

Ja stimmt, das hatte ich auch schon mal bei SelfHTML gelesen.

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