IPB

Willkommen, Gast ( Anmelden | Registrierung )

> Zentrierung von Div-Containern....*seufz*
Terry
Beitrag 06.04.2004 - 15:26
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
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
Netizen
Beitrag 08.04.2004 - 20:21
Beitrag #2


Ausnahme Poster
*

Gruppe: User
Beiträge: 150
Mitglied seit: 24.10.2003
Wohnort: Berlin
Mitglieds-Nr.: 1.544



ZITAT
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.

ZITAT
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).

ZITAT
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!
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
4 Besucher lesen dieses Thema (Gäste: 4 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 12.05.2025 - 1:40

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here