Ich befasse mich erst seit einigen Tagen näher mit CSS, bisher hab ich alles mit Tabellen gemacht und mich schon sehr stark daran gewöhnt, dh. ich denke in Tabellen ;)
Nun möchte ich aber doch gerne diesem CSS auf den Grund gehen und jemand war so freundlich, mir ein Grundgerüst in CSS zu erstellen (aus der Vorlage mit den Tabellen), allerdings hab ich da ein Problem mit Firefox, der Textinhalt div geht über den Footer hinaus bis zum Seitenrand, ich sitze jetzt schon ein paar Stunden dabei und probiere alles mögliche, aber komm nicht drauf, wie ich das lösen könnte?

Das wäre das Grundgerüst:
http://www.edu.uni-klu.ac.at/~maglas/pixelfly/css/01_about.htm
css-Datei: http://www.edu.uni-klu.ac.at/~maglas/pixelfly/css/style.css
Das Problem tritt bei mir nur in FF auf, nicht im IE6 bei 1024 x 768.
Wär echt super, wenn jemand einen Lösungsvorschlag hätte, sonst komm ich da grad gar nicht weiter. Sollte ich, wider erwarten, doch eine Lösung finden, melde ich mich natürlich auch nochmal.

Also bei mir schaut alles normal aus. Dein beschriebenes Problem tritt nicht auf oder ich habe dich nicht richtig verstanden



---

Hast du eine höhere Auflösung als 1024 x 768? Möglicherweise liegts daran, probier mal das Fenster zu verkleinern und achte auf den Text-div, also unterer Bereich. (im Firefox!).

Edit: Es wär echt wichtig für mich, das Problem gelöst zu wissen, sonst komm ich überhaupt nicht weiter, danke!

Das ganze liegt an dem Float vom content-Div. Ich sehe eh nicht wofür du das brauchst, weil das Div ja die gesamte Breite ausnutzt. Mach das mal weg, dann sollte es gehen.

Das float? Ich probiere es gleich...
Also das float rausnehmen bewirkt gar nichts bei mir, Fehler wie vorher, keine Veränderung. Oder hast du was anderes gemeint?

Sind da sonst noch elemente die Float benutzen? Das erzeugt nämlich solche Fehler. Ist mir auch nicht ganz klar wieso. Float befreit ein blocklevel-Element ja eigentlich nicht aus jeglichem Kontext...

Ach zong, warum benutzt du denn da überall Float und absolute Positionierungen??? Das ist hier doch gar nicht nötig.

Also entweder steh ich auf der Leitung, oder irgendwas stimmt da nicht?
Wenn ich die float: left; Angaben rausnehme, dann wird alles sehr zerstückelt, daran kanns wohl nicht liegen, mit den position dingern hab ich auch schon herumprobiert, weg, raus, usw.....hat alles nicht den gewünschten Erfolg gebraucht.

ps: wer ist zong???

*zong* war son Ausruf ;)

Also die ganzen absoluten Positionsangaben sind völliger Unsinn. Durch den z-index setzt du ja gerade genau Sachen übereinenander und das ist was dich stört und vieles da geht auch ohne Float.

Guck dir mal an wie ich z.B. meine Seite aufgebaut habe. Ein Rahmen "content" der zentriert wird und da drin wird der ganze Rest ausgerichtet. Absolute Positionierungen hab ich kein Stück gebraucht um ein paar floats bin ich natürlich auch nicht gekommen. Momentan ist bei dir eifnach noch zu viel Div-Suppe. Da macht es auch keinen Spaß das zu korrigieren. Überleg dir mal wie du mit Möglichst Wenig Code möglichst viel darstellen kannst.

Naja, wie gesagt, das Grundgerüst hat mir jemand erstellt, der hatte auch so ein Problem, bei ihm wurde das aber irgendwie über eigenen content-divs gelöst, aber das hab ich auch nicht hingekriegt. (siehe: http://www.webwork-community.net/posting7830_24_0.html)
Ich find jetzt nicht, dass da soviele divs drin sind, hab ja nur #site, #content, #text und die divs für die positionierung der grafiken des layouts (header, ecken, ränder, footer). Absolute Positionsangaben hab ich schon rausgenommen, macht aber keinen Unterschied, sollte auch nur eine drin sein....argh....

Aber im Content-Div steht doch immer noch das Float. Wenn du das nicht rausnimmst wirst du das nicht lösen können.

Ich stell die Änderunge nicht online, dh. testen tu ich es offline und ich hab das float schon rausgenommen, es hat überhaupt keine Auswirkungen, ob es drin steht, oder nicht, aber was muss ich tun, um das Problem mit Firefox zu lösen, das ist alles, was ich will......ich bräuchte konkrete Vorschläge. Also mit Tabellen geht das alles in ein paar Minuten und schaut in beiden Browsern absolut gleich aus, jaja..bitte keine Belehrungen, ich hab schon einiges über das Thema gelesen (Tabellen = viel Code, nur für tabellarische Darstellung blabla), ich will mich ja auch weiterentwickeln, aber ich tu jetzt stundenlang an dem Grundgerüst herum und krieg das nicht in den Griff.... :(

Ja, das ist momentan das Zusammenspiel von float-Elementen und der absoluten Positionierung. Stell die Änderungen doch mal online. Das macht es uns auch einfacher zu debuggen.

Pff..also die letzten Änderungen hab ich gar nicht mehr gesichert bzw. wieder verworfen, weil alles zerstückelt war und ich teilweise den Überblick verloren hab. Aber es ist ja nur ein div absolut positioniert? Ich hab echt einiges schon probiert, aber es wird meistens schlimmer, dh. das Layout zerreisst irgendwo komplett.
Wenn ich genaue Anweisungen bekomme, was ich ändern soll, dann stell ich das rein, wenns hilft.....mir ist alles recht, nur wenn das endlich im Firefox genau so aussieht, wie im IE.

Ja aber mit der Einstellung kannst du auch gleich ne Agentur beauftragen. CSS ist viel Trial And Error und ein Community wird dir nur ungerne ne fertige Lösung liefern.

Also nochmal, ich hab ja schon einiges probiert, auch die Vorschläge mit float usw...aber es hat sich nie etwas getan, was Richtung Lösung des Problems gegangen wäre, eher umgekehrt. Aber wenns im IE funktioniert, dann würde ich annehmen, dass die Lösung im FF nicht so weit weg sein kann? Ich glaub auch nicht so ganz, dass es an den floats liegt, irgendwie erstreckt sich der text-div über den footer div hinweg bzw. drunter durch, also muss es irgendwas geben im Zusammenhang mit einer Höhenbestimmung, dass im IE noch durchgeht, aber im FF offensichtlich nicht passt?