Coder Forum

gesplittet von T-Online Browser(weiche)?
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[...]wir leben ja in einer Zeit wo es CSS gibt, da braucht kein Mensch mehr Tabellen, also weg damit! Alles schön in <div>'s gepackt, Firefox auf gemacht, sieht schonmal ganz gut aus. Einziges Problem, wie bekomm ich den kram mittig? Ich such bestimmt schon ne Stunde bei SelfHTML rum, stoße auf alle möglichen Atribute, aber nicht auf die Lösung. "text-align: center;" wird beflissen ignoriert, aus lauter Verzweiflung habe ich schon Sachen wie "left: 50% - 360px" versucht, natürlich auch ohne Erfolg. "left: 50%" oder "left: 300px" funktionieren zwar, aber dann sitzt der Content nicht in der Mitte, sondern beginnt ab der Mitte, bzw bei 300px. Das ist nicht so wirklich was ich wollte
Also, blöde Frage Nr.1: Wie bekomme ich ein <div> mit fester breite mittig?

Nun, immerhin funktioniert das Design an sich noch, Navigation und Fußzeile bleiben wo sie sind, der Rest ist scrollbar. Oder? I-Ex und T-Offline Browser auf gemacht... OhJeh! Na immerhin sind die beiden sich jetzt einig, das Bild is auf beiden gleich: Beide ignorieren Angaben zur Position (ob nun "top: 140px" oder "left: 50%") föllig und klatschen einfach alles untereinander. Dafür sind die Scrollbars jetzt wieder erreichbar, und das Scrolling funzt auch wie es soll. Die Navi bleibt wo sie ist, der Content ist scrollbar, die Fußzeile kommt nie ins Bild, befindet sich geschätzte 500px unter dem Bildschirmrand... Hab ich schon erwähnt das der I-Ex n ganz doller Browser is? Ja oder? Ich mag es wenn ein Browser immer ne Extrawurst braucht! Find ich toll! *kotz*
Also, blöde Frage Nr.2: Wie bringe ich dem I-Ex bei was Positionsangaben sind? Ich weiß, Browserweiche, aber was krickel ich da rein? Angaben wie "top: 140px" werden wir gesagt einfach ignoriert.

Vielen Dank schonmal
Look

Hm, ok, das hilft mir schonmal ein bischen weiter.
Dein Beispiel funktioniert zwar iwie nicht so wie ich mir das vorstelle, aber ich hab mir daraus eine Lösung gebastelt die Funktioniert, jedenfalls für die <div>'s mit fester Breite.

Einen <div> habe ich, mit variabler Breite. Hier ist die Breite deshalb variabel, weil sich der Inhalt evtuellen Schriftgößen Änderungen beim User anpassen können soll. Da funktioniert das leider noch nicht.

Und, ja, ich arbeite mit "position: fixed;", aber auch beim scrollbaren Teil werden die Positionsangaben ignoriert. I-Ex eben...

Ich will mal sehn, das ich den Quelltext mal irgendwo hochladen kann, vielleicht hilft euch das ja mir zu helfen

Edith sagt sie hätte den HTML und den CSS Quellcode, sowie die bisherige Browserweiche hoch geladen. Letztere erfüllt leider noch nicht wirklich ihren Zwek. Sie sagt auch, ihr sollt euch nicht an den komischen Farben stören, ich hätte das nur so bunt eingefärbt, damit ich leichter sehen könnte wo die einzelnen <div>'s liegen.

Ok, danke!
Das hilft mir schonmal etwas weiter.
I-Ex 5 und 6 funktionieren jetzt so wie der FireFox, das is schonmal n gewaltiger Fortschrit. Aber der IE-7 weigert sich wehement jedwede Verbesserung an zu nehmen, selbst wenn ich die IE-8 Erweiterung nehme.

Edith meint, sie wäre auch schon mit einer etwas anderen Lösung zufrieden. Wenn man das hin bekommen könnte, das der IE-7 das Position Fixed komplett ignoriert, und die Kopf(Menü) und Fuß-Leiste einfach mit scrollen würde. Lässt sich das iwie einrichten? Denn das Position Fixed hat mit Browserweiche sogar der IE5 akzeptiert, allerdings war dann die Positionierung der einzelnen Elemente etwas, sagen wir mal abenteuerlich

Dann hab ich noch ein anderes Problem, das Menü bekomm ich einfach nicht zentriert, auch nicht im FireFox oder Opera (eigentlich nirgends). Das Problem dabei ist, das es eine variable Breite haben sollte.

Hui, da war aber jemand schnell...
Das Problem mit dem I-Ex hat sich grade in Luft auf gelöst... manchmal hilft es auch wenn man mal auf aktualisieren drückt *duck*

Das mit der Positionierung des Navi Kontainers bleibt aber. Die Idee mit text-align: center hatte ich nämlich auch schon, klappt leider nicht.

Wär ja zu schön um wahr zu sein
Das funktioniert zwar im FireFox, aber dafür mag der I-Ex das nicht... Für den hat das <div> zwar auch 100% breite, und der Text ist mittig vom <div>, allerdings fängt das <div> auch erst auf der Mitte den Bildschirms an...
Maaaaaaaaan! Warum muss eigentlich jedes Microsoft-Produkt irgendwelche Schwierigkeiten machen? Können die nich ein mal was vernünftiges machen?

Edith meint sie hat es mittels Browserweiche hin bekommen, indem sie einfach nochmal mit margin-left: -100%; den ganzen Kram nach links verrückt hat, nur für den I-Ex versteht sich.

Ich Danke dir d0nut! Du hast mir sehr geholfen!

Edit2:
Eine Sache hätte ich aber gerne noch erklärt, es funktioniert zwar, aber ich wüßte gern warum...

Die css Datei die das #Zentriert enthielt ist garnicht mehr eingebunden, hab in der Browserweiche eine Andere Datei verlinkt. Will sagen, nirgends in dem verwendeten CSS Teil exestiert ein #Zentriert. Trotzdem, sobald ich das <div> weg nehme, haut er mir das Ding an den rechten Rand.

Auf die Idee mit dem Cache bin ich auch schon gekommen, aber Cache ist defenitiev leer (eigenhändig leer gemacht).
Naja, es funzt ja. Habs mal den wichtigen Leuten zum Testen gegeben, wenns Probleme gibt meld ich mich nochmal.