IE6 stellt alle Module in einer Spalte dar

Hallo zusammen, da bin ich schon wieder D

Nachdem ihr mir in den vergangenen Tagen mit Rat zur Seite gestanden seid und mich inspiriert habt, mich intensiver mit dem Selbsterstellen von Templates zu beschäftigen, habe ich bereits ein ganz neues Problem.

Es geht auch um ein anderes Template als meine letzte Frage - darum auch ein neuer Thread. Motiviert durch die Erfolge mit dem bisher gelernten habe ich ein altes Projekt hervorgekramt, wegen dem ich vor einem guten halben Jahr schon einmal angefangen ... und wieder aufgegeben habe. Frisch begonnen klappte es diesmal ganz gut. Das (sehr schlichte) Template war fertig und dann...

Ich habe hier FF3 am Laufen, da sieht das Template gut aus. Bereits als ich meiner Freundin auf Ihrem PC das Layout zeigen wollte fiel das erste Problem auf: Die beiden Felder im Loginmodul (Benutername und pass) werden dort zu lang dargestellt und ragen über den Rahmen vom Anmeldefeld hinaus. Auf dem PC läuft FF noch in der 2er Version. Der Rest ist ok dargestellt. (Also eher Kleinkosmetik)

Den IE7 habe ich hier auf meinem PC ja auch noch drauf - also gleich getestet: Die Darstellung ist ok.

Nun habe ich die Seite heute im Geschäft über IE6 angesehen und da kam die böse Überraschung: Alle Module werden hier untereinander angezeigt, wobei das Loginmodul sich über die ganze Breite erstreckt. Darunter folgt dann der Inhaltsbereich, der eigentlich rechts neben Menu und Login stehen sollte. Ich dachte es liegt am Loginmodul und habe es testweise ausgeschaltet. Das Problem bleibt gleich, der Content steht unter dem Menu, statt daneben.

Ich habe im inet und hier im Forum gesucht, aber fand keine passende Lösung. Vielleicht fand ich einfach nicht die passende Forumlierung. Dass IE diverse Sachen anders darstellt als FF ist mir bekannt und eine Funktion für individuelle CSS-files für IE6 und IE7 habe ich gefunden und eingerichtet. Nur weiss ich leider nicht, welche Einstellung für die Fehler verantwortlich sind.

Ich wäre für Hinweise echt dankbar denn ich bereits vieles dazugelernt habe, wächst mir dieses Problem momentan einfach über den Kopf.
Der Link für die Seite wäre --ALTER LINK WURDE ENTFERNT--, falls ich euch dazu verleiten kann mal einen Blick darauf zu werfen.

Zusammenfassend:
Firefox 3: alles ok
Firefox 2: Breite der Eingabefelder im Login zu gross
IE 7: alles ok
IE 6: Module alle in einer Spalte

Ich wär für 'nen Tip sehr dankbar, denn hier komm ich nicht alleine weiter.
mfg netquick

Ich konnte das Problem mittlerweile lösen und kurz hier notieren, wie ich es hinbekommen habe.

Als erstes habe ich mit einer Weiche in der index.php dafür gesorgt, dass IE6 sich eigene Einstellungen aus einem separaten Stylesheet holt.
Dort habe ich für IE6 die drei bereiche left, content und right um ca. 2% in der Breite verringert. (Die Breite war auf 20% für die Seitenleisten und 60-100% für den Content eingestellt). So waren auch weitere Feinabstimmungen möglich.
Vielleicht nicht die sauberste Lösung, aber es hat funktioniert.

Das Problem mit Firefox2 habe ich gelöst, indem ich den Eingabefeldern des Loginmoduls eine feste Breite zugewiesen habe. Auch hier, vielleicht etwas brachial - aber effektiv.

Halllo !
Diese IE6 JA-NEIN-Abfragen sind alle nicht wirklich das wahre. Wenn du dein Template richtig erstellst ,wird es meistens auch im IE6 richtig dargestellt. Damit du wirklich mit den Tücken des IE6 kämpfen musst ist das Tempalte einfach zu "simpel".

Dein Lösungsansatz ist eh schon auf dem Richtigen Weg, aber schreibe es so, dass du der Menü-Spalte eine Fixe Breite gibst und dann den Content-Bereicht den Rest ausfüllen lässt. (Rest zum darüberliegenden DIV-Container) Dem gibst du noch ein parging mit und fertig, ein CSS für alle Browser, was auch überall wunderbar funktioniert.

viele Grüße
Sam