Hallo Typo3 Gemeinde
Ich habe ein ein 3 Spaltenlayout und auf verschiednen anderen Seiten ein 2 Spaltenlayout, welches auch soweit so gut funktioniert, bis auf den Internet Explorer. Das Problem besteht darin, dass ich auf der linken Spalte das Menü habe und auf der rechten ein Bild bzw. Logo welches ich aber nicht immer einbinde. Ansonsten stehen da die Mini News. Jetzt zum Kern, es ist in allen Browser gut dargestellt, da ich es auch validiert habe, leider blendet mir der Internet Explorer die Hintergrundfarbe der linken Menüspalte aus, wenn auf der rechten Spalte das Bild bzw. Logo eingebunden ist ?? Wer weiss eine Lösung oder hat eine Idee oder einen Tipp, wie ich dies lösen kann.
Hier noch der Link zu meiner Seite.
Erster Link zur Seite mit Mini News wo die Spalte gut angezeigt wird :
http://www.4yourdesign.com/typo3/index.php?id=7
Dann eine Seite wo die linke Spalte keine Hintergrundfarbe mehr hat, da das Bild Logo auf der rechten Spalte liegt :
http://www.4yourdesign.com/typo3/index.php?id=121
Dann habe ich aber auch wieder Seiten auf denen alles auch im Internet Explorer gut angezeigt wird, obwohl das Bild auf der Spalte liegt.
Ach noch zur Info, die Layouts sind mit Template Selector über Conditions eingebunden.
Gruss Marijo
Das ist ja mal wohl ne knifflige Nuss ?
Hallo Marijo.
Kann das Problem im IE7 nicht nachvollziehen bei den verlinkten Seiten. Bei mir sehen die im IE und FF gleich aus.
Marijoman schrieb da ich es auch validiert habe
Also der W3C-Validator spuckt für beide verlinkte Seiten über 240 Fehler aus... Dürfte aber wohl dran liegen, dass schon im Head-Bereich was nichts stimmt und damit einige Folgefehler draus resultieren.
Viele Grüße
Julian
Ja, es sind reichlich Fehler in Deinem Layout.
Ich beschränke mich aber nur auf die float-clear Fehler. Und damit hast Du generell ein Problem (alle Browser) und nicht nur in IE.
Du floatest die Spalten, clearst aber falsch, da der div#footer sich im div#content befindet und nicht direkt dahinter.
Das Versetzen vom div#footer löst aber nicht alle Probleme, die Du mit float-clear hast. div#content hat keinen Block-Formatting-Context. Sobald also ein Element, das im div#content liegt, ein clear bekommt, wird es soweit nach unten verschoben, dass es unter den Spalten landet.
Das kannst Du nachvollziehen indem Du Folgendes (testweise) machst:
Gehe auf eine Seite, wo die mittlere Spalte so gut wie leer ist oder leere sie vorläufig (div#footer lässt Du naturlich stehen). Wenn Du statt clear:both (bei div#footer) ein clear:left gibst, wirst Du sehen, dass div#footer sich unter der linken Spalte einordnet und bei clear:right unter der rechten Spalte. Bei clear:both - unter der längeren der Beiden.
Daher auch die unterschiedliche Darstellung im Browser, die Dir aufgefallen ist.
Du könntest Dich über clear im Zusammenspiel mit Block-Formatting-Context schlau machen.
Oder Du floatest alle drei Spalten (die Margins bei der mittleren Spalte müsstest Du dann anpassen).
Kleiner Bonus: die Spalten können dann eine beliebige Reihenfolge im Quelltext haben.
EDIT:
Mir ist gerade die in Opera nicht funktionierende Seiten-Navigation aufgefallen und wollte kurz nach dem Grund schauen. Dabei habe ich aber immer neue Fehler entdeckt. Ich will Dir ja helfen, aber das ist nicht in weniger als 1-2 Stunden zu schaffen. Sei mir also bitte nicht böse.
Gute Nacht.
Hallo Emil und Julian !!
Also danke zuerst mal für die zahlreichen Inputs. Nun da ich noch Anfänger bin und natürlich gern dazu lerne, kann mir jemand von euch beiden sagen was ich denn genau falsch mache im Head Bereich ?
Und um euch noch zu erklären was ich mit validieren meine, ist dass ich bei der Erstellung mit dem Firfox, und der Erweiterung Web Deverloper kann man ja die Seite Lokal validieren. Habe es auch noch im Doctype Stict gemacht, damit ich alle Fehler finde.
Bin über jede Hilfestellung dankbar, aber da ich das Projekt nun abgegeben habe, denke ich braucht ihr mir keine evektiven Tipps dazu zu geben. Bin schon dankbar wenn mir einer von euch erklären kann oder Tipp gibt, wo ich etwas über die Fehler die Typo erzeugt finde. Denn die meisten Fehler sind immer in den Links.
Also damit wäre mir schon mehr als genug geholfen, wenn ich einen Ansatz habe damit ich dann danach googeln kann. Bin nicht lesefaul, aber ist immer schwer etwas zu finden wobei man nicht weiss was man genau suchen soll.
Also nochmal dankeschön und bis bald.
Gruss Marijo