Der Martin: Webseite mit div container wird im IE nicht richtig dargestellt

Beitrag lesen

problematische Seite

Hallo,

das verstehe ich noch nicht so recht, aber vielleicht ergibt sich das noch aus dem Kontext.

Also ich habe für die Seite in Gimp einen Rahmen mit abgerundeten Ecken gebastelt, der die Maße 1320x790 hat (was ein Kompromiss für die Auflösungen 1024x768 und 1900x1080 sein soll, vermutlich nicht optimal).

das ist nicht nur "nicht optimal", es ist ganz ungünstig. Eine Sackgasse. Wenn Gunnar das liest, wird er dich reflexartig darauf hinweisen, dass die Mehrheit der Bildschirme heute deutlich kleiner sind (Mobilgeräte). Und ich ergänze schon jetzt, dass jede x-beliebige Größe vorkommen kann, weil die Browserfenstergröße nicht viel mit der Bildschirmgröße zu tun hat (Browser nicht im Vollbildmodus, Sidebars, virtueller Desktop über 2 oder mehr Bildschirme, Zoom).

Ich weiß nicht, ob dieser Rahmen graphisch aufwendig ist. Falls es eine gewöhnliche Rahmenlinie ist, kann man die mit einem einfachen CSS-border ersetzen (ja, auch mit abgerundeten Ecken). Für aufwendigere Rahmen käme eventuell border-image in Frage. Wie es da mit der Browserunterstützung aussieht, kann ich nicht sagen - aber wenn jemand mit einem älteren Browser dann eben als Ersatzlösung einen stinknormalen gewöhnlichen Rahmen sieht, ist das auch kein Beinbruch.

Meine Idee ist wenn ich den Rahmen einigermaßen schön über border Anweisungen erstellen kann, wäre die Webseite natürlich viel besser skalierbar in der Größe. Wobei sich dann auch die Anordnung der Bilder in der Galerie automatisch anpassen müsste, ich vermute das wird zu kompliziert...

Das wird gar nicht kompliziert, du denkst zu kompliziert. Wenn du die Bilder einfach der Reihe nach auflistest, ordnen sie sich wie Fließtext automatisch je nach verfügbarem Platz an. Nicht eingreifen!

Oder suchst du nach Möglichkeiten, wie du das Drumherum (Header, Navigation, Meta-Informationen) nicht für jede Seite neu machen musst? Dazu gibt es mehrere Ansätze, aber der erste, den ich empfehle, ist zunächst mal Copy&Paste: Jedes Dokument ist in sich vollständig.

Wenn das mit PHP nicht allzu kompliziert ist würde ich das machen, ansonsten gehe ich gerne auf Nummer sicher.

Die PHP-Lösung ist so einfach oder so kompliziert, wie du sie haben möchtest. Die Basis ist sehr einfach, aber ich vermute, du wirst schnell auf den Geschmack kommen und weitere Features nutzen wollen. ;-)

So long,
 Martin

--
Nothing travels faster than the speed of light with the possible exception of bad news, which obeys its own special laws.
- Douglas Adams, The Hitchhiker's Guide To The Galaxy
0 197

Webseite mit div container wird im IE nicht richtig dargestellt

marsei
  • browser
  • sonstiges
  • validator
  1. 0
    MrMurphy1
    1. 0
      Der Martin
      • html
      • validator
      1. 0
        Gunnar Bittersmann
        • html
        • internationalisierung
    2. 0
      Martin Seidel
  2. 0
    Gunnar Bittersmann
    • design/layout
    • internationalisierung
    1. 0
      Martin Seidel
      1. 0
        Martin Seidel
        • design/layout
        • internationalisierung
        • netzpsychose
        1. 0
          Matthias Apsel
  3. 0
    Martin Seidel
    1. 0

      Rechtschreibung

      Der Martin
      • rechtschreibung
      • sonstiges
      1. 0
        Martin Seidel
        1. 0
          Der Martin
          1. 0
            Gunnar Bittersmann
            1. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                    1. 2
                      Rolf b
                      1. 0
                        Matthias Apsel
        2. 0
          Tabellenkalk
          1. 0
            Der Martin
          2. 0
            marctrix
            1. 0
              Der Martin
        3. 0
          Gunnar Bittersmann
          1. 0
            Gunnar Bittersmann
            1. 0
              Tabellenkalk
  4. 0
    Martin Seidel
    1. 2
      Der Martin
      1. 0
        Martin Seidel
        1. 0
          Der Martin
          1. 0
            Martin Seidel
            1. 0
              Martin Seidel
              1. 0
                Auge
                1. 0
                  Martin Seidel
                  1. 0
                    Der Martin
            2. 0
              Der Martin
              1. 0
                Martin Seidel
                1. 0
                  Der Martin
                  1. 0
                    Auge
                  2. 0
                    Gunnar Bittersmann
                    • browser
                    • css
                    1. 0
                      marctrix
                      1. 0
                        Der Martin
                        1. 0
                          Gunnar Bittersmann
                          • sonstiges
                          1. 0
                            Auge
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                marctrix
                                1. 0
                                  Auge
                                  • hardware
                                  • sonstiges
                                  1. 0
                                    marctrix
                                  2. 0
                                    Der Martin
                                  3. 0
                                    Matthias Apsel
                                    1. 0

                                      Windows-10-Erfahrungen

                                      Auge
                  3. 0
                    Martin Seidel
                    1. 0
                      Der Martin
                      1. 0
                        marctrix
                        1. 0
                          Der Martin
                          1. 0
                            Martin Seidel
                            1. 0
                              Auge
                              1. 0
                                Martin Seidel
                                1. 0
                                  Auge
                                2. 0
                                  Der Martin
                                  1. 0
                                    Martin Seidel
                                    1. 0
                                      Auge
                                  2. 0
                                    Gunnar Bittersmann
                          2. 0
                            marctrix
                  4. 0
                    Martin Seidel
                    1. 0
                      Der Martin
                      1. 0
                        Martin Seidel
                        1. 0
                          Der Martin
                      2. 0
                        Martin Seidel
                        1. 0
                          Der Martin
                          1. 0
                            Martin Seidel
                            1. 1
                              Der Martin
                              1. 0
                                Gunnar Bittersmann
                                • css
                                • html
                                1. 0
                                  Martin Seidel
                                  1. 1
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      • svg
                                      1. 0
                                        Martin Seidel
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Martin Seidel
                                            1. 0
                                              MrMurphy1
                                              1. 0
                                                Gunnar Bittersmann
                                                1. 0
                                                  Der Martin
                              2. 0
                                Martin Seidel
                                1. 0
                                  marctrix
                              3. 0
                                Martin Seidel
                                1. 0
                                  Auge
                                  1. 0
                                    Martin Seidel
                                    1. 0
                                      Auge
              2. 0
                marctrix
                1. 0
                  Der Martin
                  1. 0
                    marctrix
                    1. 0
                      Der Martin
                      1. 0
                        Mitleser
                        1. 0
                          Der Martin
                          1. 0
                            Mitleser
                          2. 0
                            marctrix
                            1. 0
                              Der Martin
                              1. 0
                                marctrix
                                1. 1
                                  Der Martin
                      2. 0
                        marctrix
                        1. 0
                          Der Martin
                      3. 0
                        Mitleser
                    2. 0
                      Martin Seidel
                      1. 0
                        marctrix
                2. 1
                  Mitleser
          2. 1
            Gunnar Bittersmann
            • html
            1. 0
              Gunnar Bittersmann
              1. 0
                Gunnar Bittersmann
                1. 0
                  Tabellenkalk
                  1. 0
                    Der Martin
                  2. 0
                    marctrix
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        marctrix
                        1. 0
                          Gunnar Bittersmann
                  3. 1
                    Gunnar Bittersmann
          3. 0
            Martin Seidel
            1. 0
              Auge
            2. 0
              Der Martin
              1. 0
                Auge
                1. 0
                  Der Martin
              2. 0
                Martin Seidel
                1. 0
                  Gunnar Bittersmann
                  • browser
            3. 1
              Gunnar Bittersmann
              • browser
              • css
              1. 0
                Gunnar Bittersmann
            4. 0
              marctrix
              1. 0
                Martin Seidel
                1. 0
                  marctrix
                2. 0
                  Gunnar Bittersmann
                  • browser
              2. 1
                Matthias Apsel
                1. 0
                  marctrix
          4. 0
            Martin Seidel
            1. 0
              Martin Seidel
              1. 0
                marctrix
              2. 0
                marctrix
            2. 0
              Gunnar Bittersmann
              • html
  5. 0
    Martin Seidel
    1. 0
      marctrix
      1. 0

        figure-Element

        Gunnar Bittersmann
        • html
        1. 0
          marctrix
    2. 0
      Gunnar Bittersmann
      • design/layout
      1. 0
        Martin Seidel
        1. 0
          Gunnar Bittersmann
          1. 0
            Martin Seidel
          2. 1
            Der Martin
            • meinung
            1. 0
              Gunnar Bittersmann
              1. 0
                Der Martin
                1. 0
                  Gunnar Bittersmann
                2. 0
                  marctrix
          3. 0
            Martin Seidel
            1. 0
              Gunnar Bittersmann
              • css
              • html
            2. 0
              Der Martin
              • css
              • html
              1. 0
                Gunnar Bittersmann
                • css
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
            3. 2
              marctrix
        2. 0
          Matthias Apsel
          1. 1
            Gunnar Bittersmann
            • html
            1. 0
              Der Martin
              1. 0
                Gunnar Bittersmann
                1. 0
                  Der Martin
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Der Martin
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Der Martin
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Der Martin
                                1. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    marctrix
                                    1. 0
                                      Gunnar Bittersmann
                                      • css
                                      • menschelei
                                      1. 0
                                        marctrix
                                        1. 0
                                          Matthias Apsel
                                        2. 0
                                          MudGuard
                                      2. 0
                                        Der Martin
                                        1. 0
                                          Gunnar Bittersmann
                                          • menschelei
                                        2. 0
                                          Tabellenkalk
                                          • menschelei
                            2. 0
                              Der Martin
                              1. 0
                                Gunnar Bittersmann
                                • menschelei
                                1. 0
                                  Der Martin
                                  1. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Der Martin
                                      1. 0
                                        Gunnar Bittersmann
                                        • typografie
                                        1. 0
                                          Der Martin
                                          1. 0
                                            Gunnar Bittersmann
                                            1. 0
                                              Der Martin
                                              1. 0
                                                Gunnar Bittersmann
                                2. 0
                                  MudGuard
                      2. 0
                        Gunnar Bittersmann
                        • menschelei
                        1. 0
                          Der Martin
                          1. 0
                            Gunnar Bittersmann
                    2. 0
                      Matthias Apsel
                      • css
                      • html
                      1. 0
                        Gunnar Bittersmann
                        • html
                        1. 0
                          Matthias Apsel
                          1. 0
                            Gunnar Bittersmann
                2. 0
                  Martin Seidel
  6. 0
    MrMurphy1