Webseite mit div container wird im IE nicht richtig dargestellt

[Gunnar Bittersmann]

@@Der Martin

Du deklarierst laut DOCTYPE XHTML 1.1 - warum? Es gibt IMO nur wenige Fälle, in denen das sinnvoll ist.

Kannst du das genauer quantifizieren? Ich kann’s. ;-)

Sinnvoller wäre XHTML 1.0 (Strict), HTML 4.01

Nein, nein.

oder eben zeitgemäß HTML 5.

Ja, eben. Ohne „oder“.

Wenn letzteres, dann könntest du auch einige der div-Elemente durch passendere aud damit aussagekräftigere Elemente austauschen.

Wenn → Da. könntest → solltest.

Der dritte Tippfehler ist unwichtig, den lass ich unkorrigiert. ;-)

Da letzteres, solltest du dann auch einige der div-Elemente durch passendere aud damit aussagekräftigere Elemente austauschen.

Das h2-Element könnte aber eine Gesamtüberschrift der Navigationsleiste sein. Wenn du sowas nicht haben möchtest - weg damit.

Nicht so hastig, junger Freund. Sowas möchte man haben.

Die Links könnte man als Liste auszeichnen. Muss man nicht,

Sollte man aber. [ebenda]

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):

Eines fehlt aber noch, sonst wird das nichts mit der Darstellung auf Mobilgeräten:

   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <h1 id="adresse">GOLDMANN International Carpet Collection<br>bisbee (Hüxstr. 38, 23552 Lübeck Germany)</h1>

Die Adresse als h1 auszuzeichnen ist aber auch eher grenzwertig.

Ich würde das eher so machen:

<header>
  <img src="images/bisbee.png" width="175" alt="logo">
  <h1>GOLDMANN International Carpet Collection</h1>
  <p><address>bisbee (Hüxstr. 38, 23552 Lübeck Germany)</address></p>
</header>

Und schon ist auch das br-Element weg.

 <nav>
  <h2>Platzhalter</h2>

Da sollte natürlich nicht „Platzhalter“ stehen, sondern was Sinnvolles wie „Hauptnavigation“. Die Überschrift kann gern auch visuell versteckt werden.

   <li><a href="en/index.html" >EN</a>/li>

Da sollte nicht „EN“ stehen, sondern was Sinnvolles wie „English“. Und das gehört auch nicht wirklich in die Hauptnavigation.

LLAP 🖖