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

Beitrag lesen

problematische Seite

Hi,

Gut hab das Grundgerüst soweit fertig

najaaa ...

Du deklarierst laut DOCTYPE XHTML 1.1 - warum? Es gibt IMO nur wenige Fälle, in denen das sinnvoll ist. Sinnvoller wäre XHTML 1.0 (Strict), HTML 4.01 oder eben zeitgemäß HTML 5. Wenn letzteres, dann könntest du auch einige der div-Elemente durch passendere aud damit aussagekräftigere Elemente austauschen. Zum Beispiel header anstatt div#head, nav anstatt div#nav und main anstatt div#main. Wenn du wirklich XHTML nehmen wolltest, wäre auch das Logo-Bild fehlerhaft, weil das img-Element nicht geschlossen ist.

Du setzt viele überflüssige div-Container ein. Zum Beispiel div#logo und div#adresse. Die beiden haben jeweils nur ein einziges Kindelement, gruppieren also nichts und sind somit unnötig. Die ID, die du vermutlich brauchst, um das Element mit CSS selektieren zu können, kannst du ebensogut dem img- bzw. dem h1-Element geben.

Die Navigation ist Unfug: Alle Links in ein h2-Element? Nein. Die Links bilden doch keine Überschrift. Das h2-Element könnte aber eine Gesamtüberschrift der Navigationsleiste sein. Wenn du sowas nicht haben möchtest - weg damit. Die Links könnte man als Liste auszeichnen. Muss man nicht, ist aber gängige Praxis. Für mich käme also sowas in der Art heraus (die meta-Elemente habe ich mal weggelassen, dafür eines ergänzt, das die Zeichencodierung angibt):

<!DOCTYPE html>
<html lang="de">
<head>
   <meta charset="utf-8">
   <title>bisbee Teppichhandel Hüxstraße 38, 23552 Lübeck</title>
   <link href="style.css" rel="stylesheet" type="text/css">
</head>
   
<body>
 <header>
  <img id="logo" src="images/bisbee.png" width="175" alt="logo">
  <h1 id="adresse">GOLDMANN International Carpet Collection<br>bisbee (Hüxstr. 38, 23552 Lübeck Germany)</h1>
 </header>
	
 <nav>
  <h2>Platzhalter</h2>
  <ul>
   <li><a href="home.html">Home</a></li>
   <li><a href="galery.html">Gallerie</a>/li>
   <li><a href="collection.html">Sammlung</a>/li>
   <li><a href="service.html">Service</a>/li>
   <li><a href="about.html">Über uns</a>/li>
   <li><a href="contact.html">Kontakt</a>/li>
   <li><a href="links.html">Links</a>/li>
   <li><a href="en/index.html" >EN</a>/li>
  </ul>
 </nav>   
	
 <main>

 </main>	
</body> 
</html>

Schauen wir uns nun mal das Stylesheet an. Da sind eine Menge fester Breiten- und Höhenangaben in Pixel (px). Weg damit! Größen in px passen praktisch nie zum Browserfenster des Besuchers, und sie verhindern, dass die Seite sauber mit der Größe mitskaliert. Auch Schriftgrößen in px sind eine schlechte Idee, verwende besser Prozent oder em.

Einige Elemente hast du mit position:relative versehen - vermutlich weißt du selbst nicht, warum. Ebenfalls weg damit. So, und dann sehen wir weiter.

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