molily: Absolute Positionierung in CSS-Layouts

Beitrag lesen

Wie ich schrieb „in Kombination mit dem normalen Flow“. Man weiß doch oft, dass viele Elemente begrenzt sind, kurze Nebenbei-Navigationen, das oftmals vorkommene Suchfeld rechts oben, usw.

Ich habe letztens eine größere Site in HTML/CSS umgesetzt und es gab viele Stelle, an denen ich position zusätzlich zu float für Nebeneinander-Darstellung hätte benutzen können. In den meisten Fällen ist der normale Fluss samt Einschließen von Floats unverzichtbar, aber in einigen Fällen gabs tatsächlich recht feste Höhen. Nachdem ich einige Teile umgesetzt hatte, habe ich mich auch gefragt, warum ich sie nicht mit position umgesetzt habe und ob das nicht einfacher gewesen wäre. Ich habe mich dennoch dagegen entschieden, vor allem aus Konsistenzgründen. Verwende ich durchgehend float, ist die Umsetzung und die Fehlersuche sehr einfach, ich brauche nur eine Methodik. Wenn ich (oder jemand anderes) irgendwo einsteigt, dann ist immer recht determiniert, wie das Layout umgesetzt ist, und wenn etwas fehlschlägt, ist die Ursache und der Fix schnell gefunden.

Natürlich gibts einige Stellen, wo position einfach prädestiniert ist, an anderen Stellen nutze ich für standardkonforme Browser CSS-Tables, weil Sachen wie vertikale Positionierung so am einfachsten lösbar sind.

Mathias

0 54

Absolute Positionierung in CSS-Layouts

Tim Tepaße
  • meinung
  1. 0
    Jeena Paradies
    1. 0
      Tom
      1. 0

        Das Leben und so ...

        Jeena Paradies
        • menschelei
        1. 0
          Der Martin
          1. 0
            Stonie
            1. 0
              Der Martin
            2. 0
              Tom
    2. 0
      Tim Tepaße
      1. 0
        Jeena Paradies
        1. 0
          Tim Tepaße
      2. 1
        molily
  2. 0
    ChrisB
    1. 6
      ChrisB
      1. 0
        molily
        1. 0
          ChrisB
      2. 0
        Tim Tepaße
        1. 0
          ChrisB
          1. 0
            Der Martin
            1. 0
              Tom
            2. 0
              molily
              1. 0
                Der Martin
                1. 0
                  molily
                  1. 0
                    Der Martin
                    1. 0
                      molily
                      1. 0
                        Der Martin
                        1. 3
                          molily
                          1. 2
                            ChrisB
                        2. 0
                          Tim Tepaße
                          1. 0
                            Der Martin
                            1. 2
                              molily
                              1. 0
                                Der Martin
                                1. 3
                                  Struppi
                                2. 0
                                  molily
                                3. 0
                                  Gunnar Bittersmann
                2. 0
                  molily
                3. 0
                  Gunnar Bittersmann
                  1. 0
                    Der Martin
                  2. 0
                    molily
            3. 0
              Gunnar Bittersmann
              1. 0
                ChrisB
                1. 0
                  molily
            4. 0
              molily
    2. 0
      molily
      1. 0
        Tim Tepaße
      2. 0
        Gunnar Bittersmann
    3. 0
      Tim Tepaße
      1. 0
        ChrisB
        1. 0
          Beat
  3. 0
    Cyx23
  4. 0
    Klawischnigg
    1. 0
      Tim Tepaße
      1. 0
        Cyx23
      2. 0
        Klawischnigg