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

Beitrag lesen

problematische Seite

ja, "von außen" betrachtet auf jeden Fall. Mir persönlich ist der visuelle Gesamteindruck ein bisschen zu nüchtern. Klar, es soll seriös wirken und nicht verspielt, aber vielleicht könnte man es doch durch dezente farbige Akzente noch etwas aufwerten. Ein Hintergrund, der von oben nach unten in einer zarten Pastellfarbe zu Weiß hin [verläuft

ja da wird noch was gemacht.

Wenn ich mal durch die übrigen Seiten blättere, fällt mir negativ auf, dass du noch einen bunten Mix aus Deutsch und Englisch hast - vor allem englische Überschriften. Da würde ich nochmal sorgfältig drübergehen.

Ich muss noch mit dem Auftraggeber klären wie er das haben will, Anfangs hieß es alle Menüpunkte auf Englisch, jetzt hat der Sohn mir gesagt soll wohl doch teilweise Deutsch. Ist etwas anstregened wenn die Leute selbst noch nicht genau wissen was sie wollen.

Das eine oder andere Bild ist noch optimierungsbedürftig, etwa die übereinander liegenden Teppiche auf "Sammlung". Das würde ich auch noch in JPEG umwandeln, dann kommst du vermutlich mit 50k gut aus (momentan ist es ein PNG mit fast 400k).

done...

Ein Blick unter die Haube enthüllt noch ein paar Kleinigkeiten.

  • Anführungszeichen: Wenn Attributwerte nur aus Buchstaben und Ziffern bestehen, dürfen die Anführungszeichen weggelassen werden (so wie bei <html lang=DE>). Es ist aber üblich und empfohlen, grundsätzlich Anführungszeichen zu setzen.
  • Du notierst das bisbee-Logo als <img ...></img>. Das ist falsch. Erlaubt ist die XHTML-Schreibweise <img ... />, oder eben die gewöhnliche HTML-Schreibweise <img ...>. Bei den meta-Elementen verwendest du übrigens beide Schreibweisen im Mix. Nicht schön. Entscheide dich doch bitte für eine.
  • Da hat sich direkt im Anschluss an die Hauptnavigation ein schließendes body-Tag eingeschlichen, das da nichts verloren hat. Nach der Sub-Navigation (wo eine existiert) übrigens ebenso, da ist sogar ein schließendes </html>.

done...

Nachdem du nun schon den HTML-5-DOCTYPE verwendest, bleibt noch die Frage, warum du nicht auch die sinntragenden Elemente von HTML 5 nimmst (vor allem header, nav und main), sondern immer noch bei neutralen div-Elementen bleibst.

also statt <div id="nav"> <nav>?

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