Webseite Design in Firefox und IE gleich anzeigen

Jad31

Erstmals Hallo zusammen!

Ich bin neu hier im Forum und hätte eine Frage zu meiner Page. Ich habe für unser Fussballteam seit langem eine Homepage erstellt, nur dass das Design in Firefox die Page so angezeigt wird wie ich es möchte, aber im IE sie falsch, respektiv nicht richtig angezeigt wird. Ich wollte fragen, ob man da was ändern kann, dass es in beiden Webbrowser gleich angezeigt werden kann. Ich benutze halt Frontpage(ich weiss ist nicht der tollste Editor )

Ich danke euch schon im Voraus für eure Hilfe!

Gruss Jad31

R3WARD

100%tig gleich geht einfach nicht, da IE paar Sachen einfach ein bisschen anderes anzeigt (das sind aber unwesentliche Sachen)

am besten schaust du mal bei http://www.validome.org/ vorbei und entferne die Fehler.

Jad31

Ja, das kann ich mir vorstellen. Aber es ist (finde ich) schon ein grosser Unterschied. Hier noch die Seite: http://www.fcl-italia-calcio.ch.vu

synaptic

YAML!!! http://www.yaml.de

R3WARD

naja valid nenne ich etwas anderes:

http://www.validome.org/validate/?uri=…jad31.xail.net/

Das bei 102 Fehlern etwas unterschiedlich angezeigt werden kann ist kein Wunder.

Jad31

Ok, ich werde es mal korrigieren und danach wieder hier schreiben.:)

Jad31

Ich glaube es geht schneller wenn ich ein neues Template nehme anstatt das ich alles neu korrigiere. Da ich nicht so viel von html verstehe.:( Automatisches korrigieren geht ja auch nicht... Und wenn ich was ändere,dann ist was anderes falsch. Wie ein Teufelskreis

sejuma

Ich vermute die Hauptursache für die unterschiedliche Darstellung in einem fehlenden qualifizierten Doctype.
Versuch's mal mit diesem:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Greg10

es gibt ein firefox plugin HTML validator der kann das automatisch

Jad31

Zitat von sejuma
Ich vermute die Hauptursache für die unterschiedliche Darstellung in einem fehlenden qualifizierten Doctype.
Versuch's mal mit diesem:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Im IE ist es immer noch gleich, auch mit dem doctype.:(

Jad31

Zitat von Greg10

es gibt ein firefox plugin HTML validator der kann das automatisch

Mit dem firefox add-on hat es auch nicht wirklich geklappt...:( naja...kennt ihr vielleicht free templates in der Grösse 1024 x 768 px (das auch für firefox und IE validiert ist und in etwa gleich ist ;))??

driver

@ jad

bitte edit-funktion benutzen und doppelposts vermeiden

Elvis

Technisch deutlich bessere Templates findest Du zum Beispiel bei OSWD.

Jad31

Ok Danke! Werde mich mal dort umsehen. Ich hätte jetzt aber dennoch eine Frage: Ich habe noch 2 weitere Templates gefunden. Wie kann ich jetzt die Grösse auf 1024x768 px reduzieren?
Hier noch die zwei Templates:

Template 1
Template 2

Elvis

Vergiss diese beiden Templates einfach.

1.) Sie sehen gruselig aus!
2.) Der Ersteller der Templates hat von Webdesign keine Ahnung!!!

Jad31

Ist schon etwas hart gegenüber den Hersteller. Wieso denn haben die keine Ahnung was das anbelangt?

Elvis

Weil sie die Grundlagen nicht mal beherrschen.

Jad31

Naja ok,ich kann da nicht gross mitreden da ich nicht html kann. Lediglich Java,aber das ist ja nicht um Websiten zu erstellen.:)

Elvis

Damit Du später auch mal besser mitreden kannst hier ein paar Links:

WaSP
Das Buch zum Großteil meines Wissens
Man erkennt den Laien am Fehlen der richtigen Dokumentendeklaration.

Garfield

Da ich das selbe Problem habe wie Jad31, erlaube ich mir, das auch hier rein zu posten.

Ich habe meine Website mit Divs von Hand geschrieben, im Firefox, Safari und Internet Exporer 6 zeigt es das perfekt an und ist auch valid. Im CSS sind noch so 3 kleine Fehler drin, aber die sollten keine Auswirkung auf das Problem haben.
Ich habe ein Titel-, Menü- und Text- Div, welches innerhalb von einem grossen Div ist. Das Menü ist gefloatet. Nun schiebt es im Internet Explorer 7 aber das Text-Div unter das Menü!
Ich habe das jetzt mal gelöst, indem ein Kollege das alles für IE7 neu programmiert hat und ich dann eine Weiterleitung für IE7 gemacht habe. Kanns aber ja nicht wirklich sein :/. Leider hat er auch irgend was komisches gemacht, wenn ich das nämlich im IE6 anschaue, ist das Menü auch wieder nach unten geschoben. Aber im IE7 gehts .

Ich habe keine Ahnung, an was das genau liegt... die Seite ist valid, ich habe versucht, an den Doctype anzuhängen, ein eigenes CSS für IE7 zu machen und habe schon diverse Tutorials und Hilfeseiten konsultiert. Da steht zwar überall, dass IE Probleme mit Divs und teils mit Float hat, aber wie man das beheben kann, habe ich trotzdem nicht rausgefunden.

Ich hoffe, irgendjemand kann mir helfen!

Seite ist die da.
CSS
CSS für IE7

Edit: Seite für IE7
Die wäre eigentlich besser programmiert, fällt mir grad ein. Leider auch komplexer...

Tags