hatschi6: Responsibilität iphone SE

problematische Seite

Hier die Startseite einer neuen responsiven Werbseite:

http://www.tourismus-online-marketing.at/TANJA/index.html

Die Startseite wird "überal" ordnungsgemäss dargestellt (lt. online Browsertests) und passt sich auch gut dem Bildschirm an. Die Kundin hat ein iphone SE - ausgerechnet da ist ein Problem mit der Darstellung. Die Menüzeile bricht sich nicht um. Ich habe dem <div> eine maximale Breite von 1200 pixeln gegeben. Die Kundin sieht die Menüpunkte "start" und "sommer". Vorher hatte ich dem <div> keine max. Breit gegeben, da konnte sie nur "start" sehen.

Sieht hier irgend ein geschultes Auge das Problem? Ich weiss mir keinen Rat mehr.

Hier der Quelltext:

.navi {
	max-width: 1600px;
	margin: 0 0;
	font-size: 16px;

DOKUMENT:

<div class="navi">
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center" valign="middle"><p><strong><a name="start" id="start"></a></strong><img src="../images/spacer-breit.png" width="100%" height="100" alt="spacer" /></p></td>
      </tr>
      <tr>
        <td align="center" valign="middle"><a href="../index.html" title="Start Ferienwohnungen Tanja - Familienurlaub in Kappl im Paznauntal!" target="_self" class="thrColAbsHdr"><img src="../images/spacer.png" alt="spacer" height="20" /> start</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../sommerurlaub_ferienwohnungen_tanja_kappl_paznauntal.html" title="Sommerurlaub Ferienwohnungen Tanja - Familienurlaub in Kappl im Paznauntal!" target="_self" class="thrColAbsHdr">sommer</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../skiurlaub_ferienwohnungen_tanja_kappl_paznauntal.html" title="Skiurlaub Ferienwohnungen Tanja - Familienurlaub in Kappl im Paznauntal!" target="_self" class="thrColAbsHdr">winter</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../ferienwohnungen_tanja_kappl.html" title="Ferienwohnungen Tanja Kappl Paznaun Tirol" target="_self">ferienwohnungen</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../preise_ferienwohnungen_kappl_paznauntal.html" title="Preise Ferienwohnungen Tanja in Kappl im Paznauntal" target="_self" class="thrColAbsHdr">preise</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../kontakt_ferienwohnungen_tanja_kappl.html" title="Kontakt Anreise Ferienwohnungen Tanja in Kappl im Paznauntal!" target="_self" class="thrColAbsHdr">kontakt / buchen</a> <img src="../images/spacer.png" alt="spacer" height="20" /> 
        <a href="../familienurlaub_kappl_paznauntal.html" title="Familienurlaub in Kappl im Paznauntal in Tirol!" target="_self" class="thrColAbsHdr">familien</a> <img src="../images/spacer.png" alt="spacer" height="20" /></td>
      </tr>
      <tr>
        <td align="center" valign="middle"><p><a href="../Datenschutzerklaerung.pdf" target="_blank"><img src="../images/logo-keep-privacy-1.png" alt="keine cookies keine iframes keine newsletter keine statistik auf dieser Webseite" width="200" align="center" border="0" /></a><a href="#start" title ="HAUPTMENÜ"></a></p></td>
      </tr>
      <tr>
        <td height="30" align="center" valign="middle"><marquee scrollamount="4" scrolldelay="1">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="bottom"><strong>FREIE FERIENWOHNUNGEN für Ihren Skiurlaub 2019 in Ischgl/Kappl: Silvesterwoche 2018/19 und Faschings-/Karnevalwoche 2019 - <a href="../kontakt_ferienwohnungen_tanja_kappl.html" target="_self">bitte bald buchen</a>!</strong></td>
          </tr>
        </table>
        </marquee></td>
      </tr>
    </table>
  </div>
  1. problematische Seite

    hallo

    http://www.tourismus-online-marketing.at/TANJA/index.html

    Ich wüsste nicht wo anfangen

    hier?

    https://validator.w3.org/check?uri=http%3A%2F%2Fwww.tourismus-online-marketing.at%2FTANJA%2Findex.html&charset=(detect+automatically)&doctype=Inline&group=0

    oder beim doctype?

    warum nicht html?

    oder bei den Farben?

    Kontrast testen

    oder beim Markup?

    Lerne die html Elemente header, footer, main, section und nav kennen.

    1. Tatsächlich hat es an der Laufschrift gelegen. An den validator habe ich nicht gedacht - der hat mir die Augen geöffnet - ich danke dir!