Firefox: Nein//Chrome = Ja

  • Guten Tag erst mal.. ich hoffe ihr könnt mir bei meinem Problem helfen


    Mein Problem ist das meine Website zwar mit Chrome richtig angezeigt wird aber mit Firefox und IE sieht die Seite total verstellt aus (Header ist in der Mitte und die Banner sogar noch weiter unten...)


    HTML
    1. <html><head><title>Home</title><meta charset="utf-8"></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><body background="Bilder/bg.png"><table width="1000" height="1000" border="0" cellpadding="0" cellspacing="0">
    2. <tr> <td rowspan="4"> <img src="Bilder/bg.png" width="103" height="1000" align="left" ></td> <td colspan="6"> <img src="Bilder/Header.png" width="794" height="186" ></td> <td rowspan="4"> <img src="Bilder/bg.png" width="103" height="1000" align="right"></td> </tr> <tr> <td> <img src="Bilder/home.png" width="130" height="45"/></td> <td> <img src="Bilder/family.png" width="130" height="45"/></td> <td> <img src="Bilder/me.png" width="130" height="45"/></td> <td> <img src="Bilder/school.png" width="130" height="45"/></td> <td> <img src="Bilder/hobbies.png" width="130" height="45"/></td> <td> <img src="Bilder/pictures.png" width="130" height="45"/></td> </tr>
    3. <tr><td colspan="6" div style="color:#D7F294"> <h1> Welcome to my website</h1> </td></tr> <tr><td colspan="6" div align="bottom"> <img src="Footer.png" width="794" height="64" align="bottom"></td> </tr></table></body></html>


    Ich habe bis jetzt alles versucht und bin noch Anfänger was HTML angeht. Ich habe alles versucht bin bereits am verzweifeln.



    Soll eigentlich wie links aussehen

  • Okay gut zu wissen, lerne HTML erst seit anfang August undzwar in Englisch..


    Habe nur gesagt bekommen man macht Website's IMMER mit Tabellen.


    Habe zurzeit keine Idee wie ich HTML und CSS einbinde... Ich lese mir jetzt erst mal die Links in Ruhe durch :|

  • http://www.shiadrone.de/Homepage/


    ka ob ich überhaupt ein link posten durfte, aber soll keine Fremdwerbung sein ^^


    Habe es jetzt mit CSS gemacht, erfolgreich o.ö und mir wurde gezeigt wie man es mit php als index usw festlegt.


    Javascript wurde mir von einem Freund gezeigt und ich habe damit jetzt den Inhalt gemacht.


    Mein Problem jetzt: Ich kriege UTF-8 nicht auf alle Seiten. Nur Index ist mit UTF 8

  • Du hast die Menüpunkte mit einer JavaScript-Funktion versehen die bei Anklicken den Inhalt des Contentbereichs per AJAX vom Server lädt und dort einbindet. Das hat jedoch den Nachteil, dass Nutzer ohne JavaScript und Suchmaschinen nie an die Inhalte deiner Webseite kommen. Sie würden nur die Startseite sehen. Ich würde dir raten auch für diese ein Linkziel in den Menüpunkten anzugeben.


    Dein Umlautproblem wird durch die per AJAX geladenen Dateien verursacht. In deinem JavaScript-Code kann man die tatsächliche URL der zu ladenden Inhalte auslesen, z.B. diese hier:
    http://www.shiadrone.de/Homepage/modules/family.php
    Und da sieht man bereits, dass diese Dateien im falschen Zeichensatz gespeichert sind. Sorge dafür, dass diese Dateien mit utf8 gespeichert wurden und auch einen utf8-Zeichensatz zurückgeben. Letzteres kann man z.B. in PHP per header()-Funktion erreichen.