![]() |
Willkommen, Gast ( Anmelden | Registrierung )
![]() |
![]()
Beitrag
#1
|
|
looks good Gruppe: User Beiträge: 43 Mitglied seit: 17.02.2004 Mitglieds-Nr.: 2.047 ![]() |
Hallo, nun puzzle ich schon seit ein paar Tagen an einem Problem und kriegs nicht hin, dass es in allen Browsern vernünftig dargestellt wird.
Möchte meine Page ganz mit CSS definieren (und sei es nur zur Übung *g*). Eigentlich ist der Grundaufbau recht simpel, das Problem ist lediglich, dass ich das gesamte Design gerne zentriert (horizontal reicht mir) hätte-und zwar in allen Browsern. Hier mal eine Probeseite: http://terry.funpic.de/vorlage1.html - nicht rumklicken, oder wenn doch, die anderen Seiten nicht beachten, sind auch Testseiten und größtenteils noch aus Tabellen aufgebaut... Probleme: bei der verlinkten Seite gelingt die Zentrierung durch: position:absolute; left:50%; margin-left:-412px; (den Trick hat mir jemand verraten...) Problem ist dabei allerdings, dass der untere Rahmen im IE nicht angezeigt wird und man auch nicht soweit runter scrollen kann, dass er mit ins Bild kommt. Wird einfach unten abgehackt. Im Firefox/Mozilla wird es korrekt angezeigt (leider mit anderen Rahmenfarbe, aber das läßt sich wohl nicht ändern...). Ich habe dann noch folgenden Tipp bekommen: margin:0px auto; soll mit allen Browsern ausser dem IE 5.0 klappen - für den dann nochmal extra: <body style= "text-align:center;"> in den folgenden Containern dann eben wieder text-align:left angeben. Alles schön und gut, hab ich auch probiert, Ergebnis s.hier: http://terry.funpic.de/vorlagen.html Nun verrutschen mir die beiden unteren Container nach links und halten sich nicht mehr an den Grundcontainer - und zwar in allen Browsern!! Warum das? Und fällt irgendjemandem noch was ein, wie man so ein Layout zentrieren kann, so dass es in allen gängigen, halbwegs modernen Browsern angezeigt wird? Rumgetestet hab ich noch mit allen möglichen relativen und absoluten Positionierungen, die mir so eingefallen sind, aber etwas, dass sowohl im IE als auch im Firefox funktioniert, hab ich noch nicht gefunden. Hätte nicht gedacht, dass das so schwierig wird... Wie einfach ist das doch da mit den Tabellen... :roll: Grüße, Terry |
|
|
![]() |
![]()
Beitrag
#2
|
|
looks good Gruppe: User Beiträge: 43 Mitglied seit: 17.02.2004 Mitglieds-Nr.: 2.047 ![]() |
Vielen Dank, Conny - das ist echt lieb von Dir.
![]() Aber das Problem sind nicht die Container an sich, wie ich vorhin festgestellt habe (schau noch mal meinen letzten Beitrag, hab jetzt alles eingefärbt), sondern die Bilderschau mit den verschiedenen Ebenen da rein zu kriegen. Die halten sich bei "nicht-absoluter Positionierung" der unteren Container nämlich nicht mehr an diesen, sondern an den Body - möchte gerne mal wissen, warum. Bei absoluter Positionierung der unteren Container (z.Zt. grün und blau hinterlegt) bleiben die Ebenen da, wo sie sollen. Aber das gibt wieder Schwierigkeiten mit der Positionierung der grünen und blauen Container an sich, die sich nicht an den äußeren Rahmen halten wollen..... seufz... Im Moment fällt mir nix mehr ein - entweder eine ganz andere Bilderschau ohne Ebenen, oder eben das Ganze doch in eine Tabelle sperren - das hat wenigstens funktioniert.... Grüße, Terry |
|
|
![]() ![]() |
![]() |
Vereinfachte Darstellung | Aktuelles Datum: 12.05.2025 - 1:32 |