✔ Problem Mozilla

[sunflower84]

Bin aber wahrscheinlich erst wieder am Samstag morgen online. Also mach dir keinen Stress wegen mir.
Wenn du Zeit und Lust hast kannst du mal drüber schauen.
Danke schon mal im vorraus.

Lg
Sunflower84

 

[Maik]

Seltsam, jetzt wird die Seite im Mozilla-Browser korrekt dargestellt

 

[sunflower84]

Hallo
Das ist genau mein Problem. Wenn ich die Seite mit dem Mozilla aufrufe dann wird sie nicht korrekt dargestellt, aber wenn ich dann auf aktualisieren klicke dann wird sie richtig dargestellt.
Hat jemand eine Idee woran das liegen könnte?

Lg
Sunflower84

 

[Dr Dau]

Hallo!

Beim Content

<td rowspan="2" width="670" valign="top" align="left">
<!--<img src="schrift_edl.jpg"style="float:left; margin-right:20px;margin-left:50px;margin-top:20px">-->
      <font color="#092644"  style="float:left; margin-right:20px;margin-left:70px;margin-top:30px"><font size="+2">Warum edl ?</font><br><br><br>
       <img src="Haende_neu.jpg" style="float:right; margin-right:70px;margin-left:20px"><br><br>
      <p><font size="+1"><font color="#00959C">&Uuml;ber 12 Jahre Erfahrung mit</font></font></p><br>
      <p><img src="point.jpg" height="10" width="10">&nbsp;&nbsp;Internationalen Industriekunden<br></p>
      <p><img src="point.jpg" height="10" width="10">&nbsp;&nbsp;IT - Professionals <br></p>
      <p><img src="point.jpg" height="10" width="10">&nbsp;&nbsp;Pharmamarketing <br><br><br></p>
      <p style="float:right; margin-right:70px;margin-left:20px"><font size="+1"><font color="#00959C"><br>Wir stellen uns Ihren <br>Herausforderungen</font></font></p> <br><br>
      <br><br><p><font size="+1"><font color="#00959C">Fullservice:</font></font> <br> Ein Ansprechpartner f&uuml;r alle Projekte </p><br><br><br>
      <img src="Haende_neu.jpg" style="float:left; margin-right:80px;margin-left:20px"><br>
      <p><font size="+1"><font color="#00959C">Fragen?</font></font><br> Ihre offenen Fragen beantworten wir gerne pers&ouml;nlich oder in einer Online - Pr&auml;sentation.<br>
      Kontaktieren Sie eine edl Niederlassung in Ihrer N&auml;he um einen Termin zu vereinbaren.<br><br><br>
      </p>
     </font></font></p>
</td>

ist entweder ein </p>-Tag zu viel oder ein <p>-Tag zu wenig (ist mir irgendwie direkt ins Auge gesprungen).

Da sind aber noch einige Fehler mehr..... siehe Validator-Check.

Gruss Dr Dau

 

[sunflower84]

Also der </p> Tag war zu viel, da hast du recht.
Hab deine Variante mal ausprobiert. Da zerhaut er mir die Seite aber total.
Diesen validator hab ich mir mal angeschaut.
Versteh aber überhaupt nicht warum der bei jedem Zeilenumbruch <br> meckert.

Lg
Sunflower84

 

[Maik]

Das ist genau mein Problem. Wenn ich die Seite mit dem Mozilla aufrufe dann wird sie nicht korrekt dargestellt, aber wenn ich dann auf aktualisieren klicke dann wird sie richtig dargestellt.
Hat jemand eine Idee woran das liegen könnte?

So genau kann ich dir das nicht sagen, denn seit dem ersten Seitenbesuch wird bei mir die Seite im Mozilla (1.7.12) nicht mehr verschoben dargestellt und lokal gab es auf Anhieb keine Probleme.

Vielleicht liegt es daran, daß das Inline-Element font kein Block-Element p enthalten darf?

Oder weil du durch das Auskommentieren des img-Elements nun mit einem Element beginnst, das laut seiner CSS-Formatierung umflossen werden soll und danach drei <br>-Tags folgen?

Und irgendwie vermisse ich bei soviel float-Eigenschaften die clear-Eigenschaft, um an passender Stelle wieder den normalen Textfluss im Dokument herzustellen.

Versteh aber überhaupt nicht warum der bei jedem Zeilenumbruch <br> meckert.

Das <br>-Tag ist an dieser Stelle im HTML-Code überhaupt nicht angedacht / zulässig:

<table cellspacing="0" cellpadding="0" width="800"  align="center" bgcolor="#ffffff" border="0">
         <br>

 

[Dr Dau]

Versteh aber überhaupt nicht warum der bei jedem Zeilenumbruch <br> meckert.

Weil Du zwischen <table> und <tr> ein <br>-Tag hast..... das darf da nicht hin.
Wenn Du es rausnimmst, wird auch nicht mehr über weitere <br>-Tags gemeckert.

Ich habe mal 3 Fehler (<br>, </font> und </p>) rausgenommen..... und schon sind es 10 Fehler weniger.
Die fehlenden alt-Attribute sollten ja wohl klar sein.

 

[sunflower84]

Ok, ich werde mal schauen wie ich das jetzt mach.
Vielen Dank für eure Hilfe

Lg
Sunflower84

 

[Dr Dau]

Die <p>-Tags dürfen nicht inherhalb von den <font>-Tags stehen.
Du wirst den Content also ganz anders aufbauen müssen (sieht ohnehin chaotisch (nur schwer lesbar) aus).

Vor allem aber solltest Du nach einer festen Reihenfolge Arbeiten (ersten öffnenden Tag auch als letzten schliessenden Tag verwenden).
So hast Du z.b. im Fuss (Impressum und Contact) die Tags mit <a> geöffnet, gefolgt vom öffnenden <font>, dann den schliessenden </a>-Tag gefolgt vom schliessenden </font>-Tag.

  <a style="text-decoration: none;" href="Impressum.html"><font size="-1" color="#ffffff">[ Impressum ]&nbsp;</a></font>
  <a style="text-decoration: none;" href="test.html"><font size="-1" color="#ffffff">[ Contact ]</a></font>

Richtig müsste es aber heissen:

  <a style="text-decoration: none;" href="Impressum.html"><font size="-1" color="#ffffff">[ Impressum ]&nbsp;</font></a>
  <a style="text-decoration: none;" href="test.html"><font size="-1" color="#ffffff">[ Contact ]</font></a>

oder aber so:

  <font size="-1" color="#ffffff"><a style="text-decoration: none;" href="Impressum.html">[ Impressum ]&nbsp;</a></font>
  <font size="-1" color="#ffffff"><a style="text-decoration: none;" href="test.html">[ Contact ]</a></font>

Siehe hierzu auch die HTML-Elementreferenz.

 

[Maik]

Die <p>-Tags dürfen nicht inherhalb von den <font>-Tags stehen.

Mein Reden

Wenn du nochmal meinen letzten Vorschlag bzgl. der verschobenen Überschrift betrachtest, wirst du sehen, daß ich auf das font-Element verzichtet und stattdessen das Blockelement h4 direkt mit CSS formatiert habe.