Zentrierung von Div-Containern....*seufz* Einstellungen

[Conny]

Hi Terry,
hab' Dir was gebastelt, kannst du vielleicht als Grundlage gebrauchen.

Guckst Du Hier

Die CSS findest Du im jeweiligen Tag (style="").
Wie Du das per Class oder ID rausnimmst und in eine CSS einbindest weißt Du ja...

cu
Conny

[Terry]

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

[Terry]

Puh - ich habs jetzt - dank der Hilfe in einem anderen Forum.

Zum Zentrieren wurde ich dabei auf diese Seite verwiesen und geb´s hier einfach mal weiter, vielleicht ist es ja für irgendwen interessant:http://www.css-blog.com/index.php?p=68&more=1&c=1

Zur Positionierung meiner Containerchen:
Hab ich jetzt auch kapiert. Beim Grundcontainer hatte ich vergessen, position:relative; anzugeben. Mit dieser Angabe halten sich die weiteren brav an den ersten, und zwar egal, ob absolut oder mit float positioniert. Bei der Positionierung mit float braucht jedoch der rechte, in dem die Ebenen sitzen sollen, unbedingt noch wieder die Angabe position: relative; - sonst gehts wieder nicht.

Hier könnt ihr das Endergebnis noch mal ansehen: http://terry.funpic.de/vorlagen2.html

Sagt bitte Bescheid, falls sich in irgendeinem halbwegs aktuellen Browser noch was ganz seltsames zeigt. (Netscape 4 oder ähnliches zählt nicht - der ist mir egal - selbst Schuld, wer noch damit surft).

Habe jedenfalls viel über die Positionierung von <div>s gelernt dabei, auch wenn ich immer noch nicht alles verstehe... Kommt vielleicht noch....

Grüße, Terry

[Auge]

(Netscape 4 oder ähnliches zählt nicht - der ist mir egal - selbst Schuld, wer noch damit surft).

<randnotiz>
Zumindest dem letzten Teilsatz möchte ich widersprechen. Es gibt
immernoch einige Uni- und Firmennetze, in denen der NS 4 läuft.
Somit sind die, die mit ihm surfen, nicht unbedingt selbst schuld.
</randnotiz>

Abgesehen davon kann man ihn ja schließlich von CSS-Definitionen
ausschließen. Wenn der HTML-Quelltext logisch strukturiert ist, kann
man eine Seite ja auch ohne Farben, Posiitionierungen etc. sehen.

Tschö, Auge

[Terry]

<randnotiz>
Zumindest dem letzten Teilsatz möchte ich widersprechen. Es gibt
immernoch einige Uni- und Firmennetze, in denen der NS 4 läuft.
Somit sind die, die mit ihm surfen, nicht unbedingt selbst schuld.
</randnotiz>

Da hast zwar recht, aber es wird eine rein private Seite ohne jegliche kommerzielle Absichten, wo hauptsächlich einige Grafiken präsentiert werden. Die sollte man sich im Büro sowieso nicht angucken.. :wink:
Wer son Ding zuhause benutzt, ist aber nun wirklich selber schuld. Gibt genug Browser zum kostenlosen Download.
Ich befürchte, dass man die großen Grafiken, die auf den Ebenen liegen, im Netscape 4 ohnehin nicht ansehen kann... Kann man bei einer privaten Seite aber in Kauf nehmen, finde ich - bei einer geschäftlichen sicher nicht.

Nachtrag zum Containerproblem: mit einer Positionierung durch float geht es doch nicht, klappt zwar im IE, nicht aber im Firefox, da legt sich der rechte Container mit den Grafiken einfach über den anderen, wenn er relativ positioniert wird. Also bleibt es jetzt bei der absoluten Positionierung - scheint das einzige zu sein, das funktioniert.

Grüße, Terry

[amethyst]

Hallo Terry,

ich hab aus diesem Thread viel gelernt und möchte Dich jetzt nur zu der Seite beglückwünschen, die mir unheimlich gut gefällt.

Gruß Amethyst

[Terry]

Vielen Dank, Amethyst - dauert aber noch ein Weilchen, bis sie ganz fertig ist - wenigstens steht jetzt das Grundgerüst. War für mich als Anfängerin schon ne harte Nuß - aber dass sogar die Profis noch was lernen konnten... :wink:
Der Rest muss dann "nur noch" geschrieben werden, die Bilder noch angepaßt und schließlich eingefügt werden.

Grüße, Terry

[Netizen]

Wer son Ding zuhause benutzt, ist aber nun wirklich selber schuld. Gibt genug Browser zum kostenlosen Download.

Wer bewußt NN4 einsetzt, hat seine Gründe. Aktuelle Browser laufen nicht oder nur schwerlich auf älteren Rechnern (nicht jeder hat bzw. braucht GHz-Power) und auf einigen Betriebssystemen gab (bzw. gibt?) es keine wirklichen Alternativen. Und selbst ich benutze hin und wieder Lynx bzw. Opera mit Grafiken und CSS komplett abgeschaltet, wenn mir das ganze Multimedia-Geraffel zuviel wird. Da zeigt sich dann buchstäblich schwarz auf weiß, welche Webseite vernünftig aufgebaut ist und bei welcher nur der Schein trügt.

Ich befürchte, dass man die großen Grafiken, die auf den Ebenen liegen, im Netscape 4 ohnehin nicht ansehen kann...

Kommt drauf an, im Zweifelsfall testen. Wenn NN4 auch sonst nicht viel kann - mit HTML kommt er recht gut zurecht.

Es ist auch ratsam zu testen, ob die Seite ohne Javascript funktioniert ... gerade solche Rollover-Geschichten, die nicht nur reine Effekte darstellen, sind da problematisch (vor allem auch im Hinblick auf die Ladezeit der Seite, da sämtliche Bilder geladen werden, selbst wenn sie nicht sichtbar sind).

Kann man bei einer privaten Seite aber in Kauf nehmen, finde ich - bei einer geschäftlichen sicher nicht.

ACK

Bei einer geschäftlichen Seite auf NN4 zu verzichten heißt u. U. auf einen guten Teil des Umsatzes zu verzichten. Wer sich's leisten kann ...

Andererseits finde ich aber, daß auch private Seiten so zugänglich wie möglich sein sollten, macht ganz einfach einen besseren Eindruck.

Just my 2 cents

Gruß
n!

[Google Bot]