Ie zeigt seite nicht an wie in firefox. Nicht valide!, Page sieht im IE nicht so aus wie in Firefox Einstellungen

[TurkishStyle]

Hallo Leute! Ich habe ein Proplem mit meiner seite...
unzwar ist meine seite wenn ich sie mit dem Internet explorer öffne verunstaltet...
alles ist an einer anderen stelle.... wie mache ich das, das es im internet explorer und in firefox alles gleich aussieht ?


ich stelle die seite mal online ihr könnt euch das mal angucken : ich hoffe ihr könnt mir helfen.. ich komme einfach nicht mehr weiter...

unten ist bei mir auch immer eine leiste obwohl ich die css datein orgendlich durchsucht habe...

www.mp3recordz.dl.am

danke für eure mühe...

[Thomas]

Auf die Schnelle: Der w3c-Validator findet folgende 3 Fehler:

Below are the results of attempting to parse this document with an SGML parser.

1. Error Line 73 column 28: end tag for element "DIV" which is not open.

<ul id="main_nav_list"></div>

2. Error Line 79 column 59: start tag for "LI" omitted, but its declaration does not permit this.

onmouseout="Newz.src='images/dynamic/buttonset2/Newz.gif';">

3. Error Line 136 column 10: end tag for element "DIV" which is not open.

</ul></div>

Damit könnte es zusammenhängen. Einfach mal die Fehler korrigieren und nochmal gucken.

[Andreas]

unten ist bei mir auch immer eine leiste obwohl ich die css datein orgendlich durchsucht habe...

Schau Dir mal Deinen HTML-Quelltext an. Soooo schlecht ist der nicht, aber es sind etliche leere DIVs drin. Außerdem ist es ganz einfach so, dass der IE Seiten teilweise anders rendert als Firefox und widerum anders als Opera.

Evtl. passt mit Deinen margin und padding Angaben etwas nicht. Firefox rechnet die zum Objekt hinzu, IE ergänzt die Angaben außerhalb des Objekts. Da können schon mal ordentliche Verschiebungen auftreten.

Gruß

Andreas

[Peter Gedamke]

Am besten lassen sich die Ansichten (fast) optimal angleichen, indem du möglichst viele deiner Eingaben per CSS-Gestaltung vornimmst. Nur mit reinem HTML ist das kaum machbar!

Gruss
Peter

Der Beitrag wurde von Peter Gedamke bearbeitet: 26.01.2007 - 11:31

[Andreas]

Am besten lassen sich die Ansichten (fast) optimal angleichen, indem du möglichst viele deiner Eingaben per CSS-Gestaltung vornimmst. Nur mit reinem HTML ist das kaum machbar!

Mich interessiert aufrichtig, was Du mit dieser Aussage meinst. Dass er CSS benutzt hast Du gelesen? Seinen Quelltext hast Du Dir angesehen?

Vorbildlicherweise benutzt er HTML ausschließlich zur Auszeichnung und formatiert dann mit CSS.

[TurkishStyle]

Hallo Leute! Ich habe ein Proplem mit meiner seite...
unzwar ist meine seite wenn ich sie mit dem Internet explorer öffne verunstaltet...
alles ist an einer anderen stelle.... wie mache ich das, das es im internet explorer und in firefox alles gleich aussieht ?


ich stelle die seite mal online ihr könnt euch das mal angucken ... ich hoffe ihr könnt mir helfen.. ich komme einfach nicht mehr weiter...

unten ist bei mir auch immer eine leiste obwohl ich die css datein ordendlich durchsucht habe...

ich verstehe auserdem folgenden fehler in meiner home.html seite nicht :

Zeile
79


Spalte: 60

Fehler: Starttag für "LI" ausgelassen, obwohl die Deklaration dies nicht erlaubt

Fehlerstelle: onmouseout="Newz.src='images/dynamic/buttonset2/Newz.gif';">



das ist die seite :

www.mp3recordz.dl.am

danke für eure mühe... ich hoffe ihr könnt mir helfen

[i.b.g]

Hallo,

also ich habe nur oberflächlich mal in die Quellen geschaut. Dass die Darstellungen in IE und FF abweichen liegt bestimmt am CSS - was ich aber nicht geprüft habe.

wie mache ich das, das es im internet explorer und in firefox alles gleich aussieht ?

Wenn das funktionieren würde, wäre ein Heer von Webgestaltern arbeitslos, die millionenfach rund um die Welt Workarounds und Hilfskonstruktionen zusammenschreiben, um dieses Ziel zu erreichen. Will man eine Annäherung der Darstellungen haben, dann muss man möglichst wenig Besonderheiten im Quelltext verwenden und sich insbesondere über die sehr unterschiedliche Handhabung des Box-Modells bei den Browsern im Klaren sein.

Fehler: Starttag für "LI" ausgelassen, obwohl die Deklaration dies nicht erlaubt

Diese Fehlernachricht ist absolut richtig. Das Standardkonstrukt für eine unsortierte Liste sieht so aus:

HTML

<ul>
<li>...</li>
</ul>

Du hast die Links aber nicht in li-Tags eingebunden, was die Fehlernachricht erzeugt.

Wie gesagt nicht vollständig aber ein Anfang für Dich, hoffe ich.

[Auge]

Hallo

wie mache ich das, das es im internet explorer und in firefox alles gleich aussieht ?

Wenn das funktionieren würde, wäre ein Heer von Webgestaltern arbeitslos, die millionenfach rund um die Welt Workarounds und Hilfskonstruktionen zusammenschreiben, um dieses Ziel zu erreichen.

Man sollte sich grundsätzlich die Frage stellen, ob dies überhaupt notwendig ist. Klar, ich als besucher möchte eine Seite, wenn ich sie mit verschiedenen Browsern ansehe, wiedererkennen. Nicht, dass ich "Huch, ich bin hier falsch." denke und schwuppdiwupp weg bin.

Ob ein Bereich/Kasten aber ein paar (wenige) Pixel mehr rechts oder links angeordnet ist, ist mir egal (so es mir überhaupt auffällt). Als Webdesigner kann man die diversen Unterschiede in der Interpretation von HTML-Attributen und CSS-Angaben, die selbst bei den Browsern einer Produktfamilie von Version zu Version variieren können, mMn nicht vollständig überschauen. Da ändern sich Voreinstellungen zur Darstellung ohne Autorenstylesheet (Blockelemente haben eine andere Grundeinstellung für margin oder padding), CSS-Eigenschaften werden erstmals, anders oder je nach Art der Doctypeangabe (Stichwort: "quirks mode") interpretiert. Da kann man vieles berücksichtigen, aber dass die Seite überall, also in allen Browsern, identisch aussieht, kann man nicht sicherstellen.

Wer sicher sein will, dass es zu einer absolut identischen Darstellung kommt, soll ein PDF erzeugen und dies zum Download bereitstellen.

Und mit dem Wissen um diesen Heckmeck geht man auch etwas entspannter an die Aufgabe und erspart sich das/den eine(n) oder andere(n) Magengeschwür, Herz- oder Hirninfarkt etc. pp..

Tschö, Auge

[TurkishStyle]

Schau Dir mal Deinen HTML-Quelltext an. Soooo schlecht ist der nicht, aber es sind etliche leere DIVs drin.Evtl. passt mit Deinen margin und padding Angaben etwas nicht.

Wo sind die leeren divs ? Ich glaub ich mache da ein fehler mit den divs...
z.B das hier : <div id="extra_div1"></div>

muss ich danach noch um das div abzuschliesen dieses "</div>" setzen oder reicht es wenn danach nix mehr kommt ? Und mit dem margin und padding meinst du jetzt im css oder im quelltext ?

Hallo,
also ich habe nur oberflächlich mal in die Quellen geschaut. Dass die Darstellungen in IE und FF abweichen liegt bestimmt am CSS - was ich aber nicht geprüft habe.

Hallo! Ich denke auch das irgendein fehler in meinen css datein ist aber ich weiss auch nicht was es sein könnte. Weil die seite ist jetzt valide, dank deiner hilfe. Mit dem <li> hattest du total recht.
Aber die banner unten und oben sind immer noch im ie zu weit rechts... wie könnte ich das hinkriegen?

Danke nochmal an alle!
Schönen abend noch.

edit: eine frage noch : wie soll ich das mit der leiste hinkriegen... weil beim ie wird die leiste angezeigt also auf der startseite und bei mozilla ist unten keine leiste zu sehen. Aber auf Home.html(2. Seite) ist bei beiden die leiste gleich, bei beiden wird unten eine seite angezeigt. Die ist auch bei beiden gleich groß aber eben nur auf der 2. seite... wie soll ich das hinbekommen ?

Der Beitrag wurde von TurkishStyle bearbeitet: 02.02.2007 - 20:29

[Auge]

Hallo

Als erstes mal 'ne Frage: Wurde dieser Thread aus zweien zusammengebaut oder hat TurkishStyle seine Frage (etwas erweitert) wiederholt?

Wo sind die leeren divs ? Ich glaub ich mache da ein fehler mit den divs...
z.B das hier : <div id="extra_div1"></div>

Wozu wird z.B. dieses Element gebraucht? Dass es da ist, sollte jedenfalls kein Problem sein. Einzig, dass der MSIE (zumindest bis V6) einem leeren Blockelement die Höhe zuweist, die es braucht, um Text in der Standardschriftgröße für ein solches Element darzustellen, kann ein Problem sein, sobald sich innerhalb des Elements ein Zeilenumbruch befindet. Der würde als Leerzeichen interpretiert. Das ist aber bei dir nicht der Fall.

muss ich danach noch um das div abzuschliesen dieses "</div>" setzen oder reicht es wenn danach nix mehr kommt ?

Wieso? Der schließende Tag ist doch schon da.

Und nein, es reicht im Normalfall nicht, nur den öffnenden Tag zu notieren. Ausnahmen bilden da z.B. Elemente, wie <p>, welches zwar ein Blockelement ist, aber, im Gegensatz zu <div>, keine weiteren Blockelemente beinhalten darf. Durch das Öffnen des nächsten Blockelements wird ein <p> automatisch geschlossen.

Oder <li>, welches durch ein folgendes <li> oder das Schließen der Liste (</ul>, </ol>) explizit geschlossen wird. Auch Inlineelemente, wie <a>, <b>, <em>, <strong>, <span> etc. sollen durch das Schließen des umgebenden Blockelements selbst geschlossen werden. Das wird aber von den Browsern leider nicht konsequent umgesetzt.

Übrigens, nur der Vollständigkeit halber, bei XHTML muss jedes Element, welches Inhalt hat, z.B. Text, geschlossen werden. Inhaltsleere Elemente, wie <br>, <hr>, <img> werden mit einem Leerzeichen und einem Slash vor der schließenden Klammer versehen (<br />), und so geschlossen. Es geht laut Standard auch anders (<br/> (ohne Leerzeichen), <br></br>), was aber nicht alle Browser kennen.
Sowas wie ...

QUELLTEXT

<p>Text ...
  <p>Text ...

... ist dort nicht mehr erlaubt.

Und mit dem margin und padding meinst du jetzt im css oder im quelltext ?

Das gehört zum CSS. Jeder Browserhersteller kann eigene Vorgaben für die Darstellung der Elemente machen. Dies wird über das Browserstylesheet getan.

Alle Eigenschaften, die du nicht explizit selbst festlegst, werden mit diesen Vorgaben belegt. Dies fällt halt besonders bei Eigenschaften wie font-size, font-family und auch margin und padding auf.

Setze margin und padding mal testweise am Anfang einer neuen CSS-Datei für alle Elemente auf "0" und vergebe sie dann für jedes Element so, wie es gewünscht ist. Die CSS-Datei musst du natürlich im Linkelement angeben.

Könnte so aussehen:

QUELLTEXT

html,body,div,ul,ol,p,table,.... {
  margin:0;
  padding:0;
  }
  /* Ab hier baust du für alle Elemente die Dimensionen neu auf. */

Tschö, Auge

[Google Bot]