dev 2.8: Firefox zeigt Katastophe, IE alles wunderbar

[Rupert]

Hallo ihr Lieben,

ich habe mal wieder ein kleines Problem...
Meine Webseite:
http://www.brachmann-skierlo.de/
wird im Internet Explorer wunderbar angezeigt...
Im Firefox ist da eine EINZIGE Katastrophe.
Kann das mit dem UTF Zeichensatz zusammenhängen? Das hatte ich beim alten Zeichensatz nie (und altes phpWCMS).

Vielen Dank für die Hilfe!
Rupert

[cyrano]

Hallo Rupert,

wenn ich im Firefox die Seite aufrufe ist sie wirklich "zerlegt".
Wenn ich mir dann den Quelltext ansehen, sind einige Fehler bzw Warnungen drin, ggf. liegt es mitunter daran /nicht geschlossene Tags etc)

Hinter den META TAgs fehlt das schliessende "/" z.B.

Und irgendwelche auskommentierten Zeilen werden im FF auch ausgegeben.

[Rupert]

Hallo Cyrano,
danke für die Antwort, allerdings ist das ja das komische.... ich habe das ganze extra im Texteditor angeschaut und editiert. Da habe ich keine Fehler:

Code: Select all

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META name="country" content="Deutschland">
<META name="language" content="de">
<META name="coverage" content="worldwide">
<META name="robots" content="index, follow">
<META name="revisit-after" content="15 days">
<META name="pragma" content="no-cache">





<!------ Kopfzeile ----------------------------------------- //-->
<table width="750" border="0" cellpadding="0" cellspacing="0">

<!-- Linie -->
<tr><td height="1" colspan="2" bgcolor="#666666"><img src="img/leer.gif" width="1" height="1" alt=""/></td></tr>
<tr>

<!-- Header-LOGO -->
<td width="175" align="center" valign="middle" bgcolor="#FFFFFF"><img src="picture/logo/logo.jpg"  alt="" border="0" /></td>

<!-- Header-BILD -->
<td width="575" bgcolor="#999999"><img src="picture/logo/header.jpg" alt="" border="0" /></td>
</tr>

<!-- Linie
<tr><td height="1" colspan="2" bgcolor="#666666"><img
src="img/leer.gif" width="1" height="1" alt=""
/></td></tr> -->

<!-- Horizontale Navigation ANFANG
<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr><td height="20" align="center"
bgcolor="#cccccc">{NAV_ROW}</td></tr>
<tr><td height="1" colspan="5" bgcolor="#999999"><img
src="img/leer.gif" width="1" height="1" alt=""
/></td></tr> -->

<!-- Breadcrumb-Menue
<tr><td height="20" colspan="5" bgcolor="#efefef"
class="breadcrumb">{SPACER:191x1}{BREADCRUMB}</td></tr>
-->

</table>



<!------ Haupt --------------------------------------------- //-->
<!-- Randanstände-Reihenfolge - oben-rechts-unten-links  //-->

<!-- Breadcrumb-Menue  -->
<div style="text-align:left; padding:5px 0px 5px 0px; margin:0;" class="breadcrumb">{BREADCRUMB}
<hr noshade size="1px">
</div>


<!-- Breadcrumb-Menue links & Aktuelles Datum/Zeit rechts 
<div  style="padding:5px 0px 5px 0px; margin:0;">
<table width="100%">
 <tr>
  <td class="breadcrumb">{BREADCRUMB}</td>
  <td class="datum"; align="right">{DATE_SHORT} - {TIME_SHORT}</td> 
 </tr>
</table>
<hr noshade size="1px">
</div>
-->

<!-- aktuelles Datum - Langform
<div style="text-align:right; padding:5px 0px 5px 0px; margin:0;" class="datum">{DATE_LONG}
<hr noshade size="1px">
</div>
-->


<!-- aktuelles Datum - mittellange Form 
<div style="text-align:right; padding:5px 0px 5px 0px; margin:0;" class="datum">{DATE_MEDIUM}
<hr noshade size="1px">
</div>
-->

<!-- aktuelles Datum - Kurzform 
<div style="text-align:right; padding:5px 50px 5px 50px; margin:0;" class="datum">{DATE_SHORT}
<hr noshade size="1px">
</div>
-->

<!-- aktuelles Datum & Zeit - Kurzform 
<div style="text-align:right; padding:5px 0px 5px 0px; margin:0;" class="datum">{DATE_SHORT} - {TIME_SHORT}
<hr noshade size="1px">
</div>
-->

<!--************** CONTENT-BEREICH BEGIN *************************-->

<div style="padding:15px 15px 50px 5px; margin:0;">{CONTENT}</div> 


<!--************** CONTENT-BEREICH ENDE *************************-->


<!-- Copyright & Firma
<div style="text-align:left; padding:0px 0px 5px 0px; margin:0;" class="revision">
<hr noshade size="1px" width="175px">
&copy; 2001-2004 by Muster GmbH
</div>
 -->

<!-- Aktualisierungs-Datum & Copyright
<div style="text-align:left; padding:0px 0px 5px 0px; margin:0;" class="revision">
<hr noshade size="1px" width="275px">
Revision: {DATE_ARTICLE} - {TIME_ARTICLE} - &copy; Muster GmbH
</div>
 -->
 
 
 
 
 
 
 
 
 
 
 
 
 
<!------ Fußzeile ------------------------------------------ //-->

<!-- Menü Fusszeile mit Icon-Links -->
<span class="footertext">
{SPACER:250x1}[TOP]{IMAGE:icons/top_link_.gif}[/TOP]
{SPACER:15x1}[BACK]{IMAGE:icons/back_link_.gif} [/BACK]
{SPACER:15x1}[PRINT]{IMAGE:icons/print_link_.gif}[/PRINT] </span>
{SPACER:15x1}<a href="index.php?suche"
target="_self" class="footertext">{IMAGE:icons/search_link_.gif}</a>
{SPACER:15x1}<a href="index.php?sitemap"
target="_self" class="footertext">{IMAGE:icons/sitemap_link_.gif}</a>
{SPACER:15x1}<a href="index.php?kontakt"
target="_self" class="footertext">{IMAGE:icons/kontakt_link_.gif}</a>
{SPACER:15x1}<a href="index.php?impressum"
target="_self" class="footertext">{IMAGE:icons/impressum_link_.gif}</a>


<!-- Linie -->
<tr><td height="1" colspan="5" bgcolor="#999999"><img src="img/leer.gif" width="1" height="1" alt=""
/></td></tr>


<!-- Copyright Zeile --> 
<tr><td align="center" bgcolor="#EEEEEE" height="20" colspan="5" class="copyright">
Copyright &copy; 2006 by Andreas Kemmerer &nbsp;&middot;&nbsp; <a href="mailto:info@loesungen-erschliessen.de" target="_blank" class="footertext">info@loesungen-erschliessen.de</a> &nbsp;&middot;&nbsp; Tel: +49 6171-208292</td></tr>
</span>

<!-- Linie -->
<tr><td height="1" colspan="5" bgcolor="#cccccc"><img src="img/leer.gif" width="1" height="1" alt=""
/></td></tr>







<!------ links - Menue ------------------------------------- //-->

<!-- Bild oberhalb Menü -->
{IMAGE:logo/logo_unten.jpg}<br />

{SPACER:1x25}

<!-- Menü mit Randeinstellung ( Wert=0 => kein Rand ) -->
<div style="padding:0px 0px 0px 0px; margin:0;">
{NAV_TABLE_COLUMN}
</div>

<!-- Schatten unterhalb Menü  
{IMAGE:icons/schatten-unten-200.png}-->





<!-- -->
{SPACER:60x25}

<!-- Random-Bilder oberhalb Menü  -->
{RANDOM:picture/random}<br />
{SPACER:1x25}

<!-- Menü mit Randeinstellung ( Wert=0 => kein Rand ) 
{NAV_TABLE_SIMPLE}-->

{SPACER:60x20}


<!-- CONTENT-Bereich - RECHTS  -->
<div style="padding:5px 5px 10px 10px;
margin:0;">{RIGHT}</div>

{SPACER:5x25}
<!-- Random-Bilder oberhalb Menü
{RANDOM:picture/random}<br /> -->

{SPACER:60x40}








<!------ Fehler - Anzeige bei Seiten ohne Inhalt ----------- //-->

<br /><br />
{GT:ueberschrift}Erwischt...{/GT}
<br /><br />
Auf dieser Seite wurde bisher noch keine Inhalt hinterlegt.
<br /><br /><br />
Aber wir arbeiten mit Hochdruck daran.
<br /><br />

<br /><br />Viel Spaß beim Surfen wünscht
<br /><br />
[B]Andreas Kemmerer[/B]
<br /><br /><br /><br /><br />

[cyrano]

Hallo Rupert,

die Version 1.2.8 gibt nun alles in XHTML aus.

Da sieht dann die Formatierung für die META Tags so aus:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META name="country" content="Deutschland" />
<META name="language" content="de" />
<META name="coverage" content="worldwide" />
<META name="robots" content="index, follow" />
<META name="revisit-after" content="15 days" />
<META name="pragma" content="no-cache" />

[pico]

und Kommentare sind jetzt zwingend so

<!-- ... -->

heist, dass nach und vor den beiden -- ein Leerzeichen stehen muss

<!------ ist also unzulässig

außerdem würde ich den ganzen 'askommentierten' Kram ganz raus nehmen, das verwirrt nur

sowas kommt dan dabei raus
<!-- Menü mit Randeinstellung ( Wert=0 => kein Rand ) -->
das mag XHTML auch anscheinend nicht

<hr> heist jetzt <hr />

[Rahner]

<hr> heist jetzt <hr />

Alle Selfclosing Tags sind so!

Das heißt im Klartext, alles was nicht auf und zu gemacht wird (<xy>...</xy>) muss auch geschlossen werden und zwar in sich selbst um semantisch korrekt intepretiert zu werden mittels <xy />

[dastel]

bei mir ist es genau anders herum, ich weiss nicht mehr weiter. FF alles super IE alles schei.... ! ich seit der 128er geht es nicht mehr! ich habe sonst immer meine templates im DW auf tabellen basis gebaut und alles in den haupt-block geworfen, jetzt scheint es aber nicht mehr zu gehen. hat jemand einen hinweis für mich wie ich das problem aus der welt schaffen kann?

hier der link zur seite--> http://web98.kunden.pingit.de/

Danke

[flip-flop]

Hi dastel,

....seit der 128er geht es nicht mehr! ich habe sonst immer meine templates im DW auf tabellen basis gebaut und alles in den haupt-block geworfen,.....

Die Betonung liegt auf alles. Du hast dich scheinbar noch nicht mit der Funktionsweise des Systems auseinandergesetzt.
Schau dir doch bitte mal deinen generierte Quelltext an, da gibt es gewisse Auffälligkeiten. Rudimentäre HTML-Kenntnisse sollten schon vorhanden sein.

Gruß Knut

[dastel]

@flip-flop

du hast recht! aber es läuft ja trotzdem! mitlerweile ist der fehler den ich eigentlich hatte ja schon behoben!

auch wenn NOCH nicht alles da ist wo es sein sollte!

Trotzdem danke für die schnelle antwort!

[flip-flop]

du hast recht! aber es läuft ja trotzdem! mitlerweile ist der fehler den ich eigentlich hatte ja schon behoben!

Die fatalen Dinge sind nicht behoben. Du hast zwei html, head, body ........Dass das überhaupt läuft ist ein Wunder. ISt aber nur eine Frage der Zeit, bis der erste Kunde kommt und fragt, weshalb die HP so komisch aussieht. Außerdem sind SUMAS auf solche Konstruktionen ganz scharf.

Gruß Knut

[dastel]

ja, der quellentext ist noch nicht bereinigt, aber das mache ich zum schluss, wenn ich mit den templates fertig bin, du verstehst aber scheinbar nicht, das das nicht das problem war was ich hatte! das das sicherlich auch nicht dazu beiträgt das alles vernünftig läuft ist sicherlich richtig. aber halt nicht das problem, weil das auch bestand als ich das template in die einzelnen dafür vorgesehenen blöcke gepackt habe.

[pico]

Hi

Du solltest Grundsätzlich erst die Fehler raus machen bevor Du am Layout 'Finetuning' betreibst - denn solche Fehler wie Du sie hast, haben einen großen Einfluss auf die Darstellung. Es kann also durchaus sein, dass du jetzt ein Lyout baust, welches scheinbar funktioniert und wenn Du dann die HTML-Fehler bereinigst verhält sich das ganze auf einmal ganz anders - vor allem in verschiedenen Browsern. Lieber gleich richtig machen, das spart ein haufen arbeit.

[flip-flop]

Ne, das verstehe ich auch nicht. diese Methodik Fehler aufzuspüren ist mir fremd. Eine fehlerhaften Rahmen einbauen (der alle mögliche Seiteneffekte produzieren kann) und in diesem fehlerhaften Rahmen befindet sich der gesuchte Fehler. Und das auch noch zur Fragestellung bringen.

Du verlangst deinem Gegenüber ganz schön viel ab.

Übrigens dein Layout finde ich recht gelungen.

Knut

[dastel]

OK, habe es jetzt so gemacht wie ich der meinung bin, das es richtig ist! könnte noch einmal einer drauf sehen uns mir sagen, ob es jetzt seine richtigkeit hat?

danke

[dastel]

Du verlangst deinem Gegenüber ganz schön viel ab.

ich möchte keinen nerven, aber ich habe die letzten 48 stunden nur stress mit der seite und zwar mit sachen die ich vorher nicht hatte! bin deswegen ein bisschen angespannt. sorry, wollte keinem auf den senkel gehen.