Anzeigeunterschiede zwischen IE und FF

Hallo zusammen,

die meiste Zeit die bisher für mein derzeitiges Typolight-Projekt drauf gegangen ist, ist dies, dass es im Internetexplorer und Firefox einigermaßen gleich aussieht. In Firefox passt es meist auf anhieb, allerdings ist das Layout im Internet Explorer einfach nur zum weggrennen.
Im IE8 ist es zwar ein wenig besser geworden, aber Fehler entstehen trotzdem.

Ich nutze für meine Seite die Moontools-Navigation.
Die meisten Probleme konnte ich bislang durch ausprobieren oder Suche in der Community lösen. Allerdings komme ich bei den nachfolgenden Layout-Problemen nicht wirklich weiter.


1. Problem: DIV "main"

In der DIV "main" liegen die ganzen Texte. Diese werden im Meine Seite ist 983 px breit. Ich kann allerdings "main" keine Größe zuweisen, damit der Text über die komplette Seitenbreite angezeigt wird.
bei mir habe ich links immer einen Rand von ca. 150 px der leehr bleibt.
Wenn ich eine Breite für "main" zuweise, ist der Rand zwar weg, aber der Text wird ca. 70px nach unten versetzt. Habe schon sämtliche CSS-Stylesheets durchsucht, allerdings keine Lösung gefunden.
In meinem Quellcode steht folgender Zusatz:

<!--/*--><![CDATA[/*><!--*/
* html body { text-align:center; }
#wrapper { width:983px; margin:0 auto; }
#header { height:255px; }
#left { width:200px; }
#main { margin-left:200px; }
#footer { height:255px; }
/*]]>*/-->

Ist das evtl. die Ursache?


2. Problem: Unternavigation

Ich habe eine vertikale Navigation erstellt. Ein Menüpunkt ist Fotoserien. Fährt man dort drüber, klappen die Kategorien für die Fotos aus. Das klappt solange, wie man sich nicht innerhalb der Fotosets befinden. Bewegt man sich im Untermenü dieser Kategorie, geht das Dropdown-Menü nicht mehr auf.


3. Problem: Einbindung eines eigenen php. Scriptes

Ich habe ein eigenes PHP-Script in die Seite eingebunden. Dies tut auch seinen Dienst. Allerdings stimmen die Formatieren nicht. Er nimmt als Schriftart "Rohdaten" und erkennt keine Soderzeichen.

4. Elementtyp Galerie

Hier stimmt der Innenabstand nach unten nicht. Dieser wird einfach ignoriert. Die Abstände nach links und rechts passen kurioserweise.


Mir ist bewusst, dass dies eine Menge Probleme :( bzw. Fragen sind, aber ich hoffe Ihr könnt mir helfen.


Viele Grüße

Oliver

1. So wie es aussieht, hast Du in Deinem Seitenlayout eine linke Spalte mit 200px Breite definiert. Wenn Du keinen Inhalt in dieser Spalte hast, ensteht der Eindruck das Dein 'main' einen linken Rand von eben diesen 200px hat. Dem 'main' brauchst Du keine Breite geben, weil diese auf 'auto' steht.

3. Speicher die php-Datei mal als UTF-8 ab und lad sie nochmal auf den Server.

Zu den anderen beiden Problemen kann ich nichts sagen.

Hallo,

@thepixture:es lag wirklich an der linken Spalte. Hatte dies zwar vorher auch schon mal rausgenommen, allerdings änderte sich damals kurioserweise nichts. Nun geht das erstmal. :)
Mit dem PHP Script wrde ich es mal so probieren.

Das Problem, was es mit der Moontools Navigation noch gibt ist die, dass wenn ich zB in der Rubrik Fotos unterwegs bin, sich die Untermüs nicht aufklappen und auch innerhalb dieser Seiten stetig im IE ein Javascript-Laufzeit Fehler erzeugt wird. Ich habe die Vermutung, dass das Problm beim IE 8 besteht, er diesen Laufzeitfehler nur nicht anzeigt.

Gruss Oliver

Hallo thepixture,

habe ich bereits versucht. Habe UTF-8 als Meta-Tag im Typolight mit eingefügt. Das half nichts. Dann habe ich es direkt im PHP-Schript versucht, aber auch dies erfolglos.
Auch diverse Encoder funktionieren nicht.
Hat jemand noch eine Idee?

Gruss Oliver

Hallo!

Hast Du Dein PHP-Script mit UTF-8 abgespeichert?

Zum Thema Abstand bei der Gallerie.
Da kann Dir so keiner bei helfen, da wir nicht live schauen können.
Gib der Abstandsanweisung im CSS mal ein !important mit.

Beispiel:

Code:

---

margin-bottom:10px !important;

---

Vielleicht hilft das.
Ohne Einblick in den Code aber nur eine Vermutung.

Hallo Thomas,

die Abstände haben sich kurioserweise nirmalisiert. :eek:
wie meist das abgespeichert?
Hab es so <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> eingebunden

Nein, das war nicht gemeint!

Wenn Du ein Script erstellst, mußt Du mit dem Editor das Script mit UTF-8 codiert abspeichern.

Meist tritt das Problem mit den Umlauten auf, wenn man sein Script nicht in UTF-8 sondern in ASCII abgespeichert hat.

Zitat:

---

Zitat von Thomas

Nein, das war nicht gemeint!

Wenn Du ein Script erstellst, mußt Du mit dem Editor das Script mit UTF-8 codiert abspeichern.

---

Hast du da was in der Hinterhand?

Ne habe ich nicht, da ist jeder Editor verschieden.
Aber in den Einstellungen kann man sowas einstellen oder aber beim Speichern unter... wählen.

Da wirst Du entweder in die Dokumentation des Editoirs schauen müßen oder mal Google fragen. ;)

Hab leider im Editor nichts gefunden. Im normalen Editor von Windows gibts nichts. Habe es nin so gelöst echo utf8_encode("Text"). So geht es sogar.

Danke dir trotzdem.


Gruss Oliver

Der Windows-Editor ist zum Entwickeln von Scripten, meiner Meinung nach, auch nicht wirklich geeignet. CSS und kleinere Scripte kann man damit machen, aber mehr auch nicht.

Es gibt Editoren, die können UTF-8, haben solche Kleinigkeiten wie Syntaxhighlightning und einiges Anderes.
Notepad z.B. ist so einer, es gibt auch reine PHP-Editoren, da muß man sich mal durchwühlen und sich das passende suchen.

Mein bevorzugter ist immer noch Phase 5, am Anfang etwas gewöhnungsbedürftig aber man steigt relativ schnell dahinter. Kann auch für andere Sprachen verwendet werden.

Für UTF-8 muß man aber etwas Hand anlegen, danach funktioniert es aber einwandfrei.

HI

unter Windows ist notepad++ das Beste.

Sebastian