Hi Buchi,
Ganz schln OT, oder? Ist aber ein interessantes Thema.
Ich habe zZt viel mit CSS zu tun. Ein paar Anmerkungen ..

On 7 Feb 2002 at 8:31, Buchner Gerhard wrote:
> F�r ein neues (privates) Projekt m�chte ich mich endlich mal in die Vor- und
> Nachteile der Psoitionierung von HTML-Elementen mittels CSS einarbeiten.
> Es handelt sich dabei um die Website unseres Kindergartens. Dabei wollte ich
> etwas peppige grafische Buttons verwenden. Diese wollte ich dann per CSS auf
> der Website positionieren.

Das kann man vielleicht f�r �berfl�ssig halten. CSS-positioning finde ich dann 
interessant, wenn es um Webanwendungen geht, wie intranets. Eine einfache Homepage 
profitiert nicht au�erordentlich davon. Wenn Du
alle Elemente einer Seite absolut positionierst, hast du zwar den Vorteil, dass sie 
sich nicht gegenseitig beeinflussen (schlimmstenfalls �berlappen sie sich), hast aber 
andererseits den Nachteil, dass sich z.B. die
Seite nicht an die Gr��e des Fensters anpasst. Man neigt damit doch eher zu einem sehr 
fixen Layout.

Generell mu�t du dich - um kompatibel zu NC4.x zu bleiben - bei der absoluten 
Positionierung auf die DIV-Tags beschr�nken.

> 1. Sollen die Angaben im Tag gemacht werden oder in einer externen CSS
> Datei?

Es ist immer besser, generelle, wiederverwertbare style-klassen extern bzw. im head zu 
definieren. Style-Anweisungen in den Tags f�hren zu starker Un�bersichtlichkeit (und 
damit oft zu unverst�ndlichem Verhalten)
und resultieren meistens aus ad-hoc-Programmierung. Abstrahieren, verallgemeinern 
lautet dann die Losung.

> 2. Wie siehts mit den verschiedenen Browsern bzgl. Kompatibilit�t aus?
Netscape 4.x versagt gr��tenteils. CSS 1 wird von ihm nur ansatzweise unterst�tzt, 
au�erdem kommt es zu Darstellungsfehlern, wenn man das Fenster in der Gr��e ver�ndert. 
Alle Anderen (IE5+, Opera5+, Mozilla,
NC6+) unterst�tzen CSS1 weitgehend, CSS 2 kommt auch langsam, vor allem in Mozilla und 
NC6+.
Du solltest allerdings immer testen, wie es aussieht, da der eine browser mal dies 
falsch macht, der andere jenes nicht beherrscht (ich habe daher gerade 7 Browser 
installiert...).

Da bleibt aber noch unbetrachtet, dass Endger�te wie Spielekonsolen, SetTopBoxen und 
PDAs so ihre Problemchen mit CSS haben (k�nnen). Der MS PocketExplorer 1 (PocketPC/CE) 
kannte z.B. gar kein CSS
(wei� nicht, wie weit der jetzt ist).

> 3. Wie sollte zwischen Screen & Print unterschieden werden, bzw. was gibts
> da zu beachten?

2 externe CSS-files...

> 4. Und einfach alles was Euch noch einf�llt dazu ;-)
Beispiel: Einen interessanten Effekt, der das Zeug hat, jeden Frame-Liebhaber zu 
bekehren, habe ich auf http://www.bci-gmbh.de/ eingesetzt. Er funktioniert aber nur 
mit Mozilla/Netscape 6, f�r Opera hab ich�s leider
wieder deaktiviert, weil er das mitunter fehlerhaft angezeigt hat. Es handelt sich 
dort um "position:fixed". Ich find�s grandios
:-) ... schade, dass Microsoft auch in Version 6 dieses CSS2-Feature nicht 
:implementiert hat; Der Kolo� ist eben lahm, oder sie ruhen sich auf ihrer 
:Marktposition aus.

Am Netscape 4, der ja immer noch recht weit verbreitet ist, orientieren wir uns immer 
weniger. Wir achten nur noch darauf, dass er die Seiten einigerma�en ohne gr�bere 
Schnitzer anzeigt - mehr kann man von ihm
nicht erwarten. Die Netscape4-User mag keiner mehr so recht verstehen, gibt es doch 
genug Alternativen. Leider wird er in einigen gro�en Firmen (AFAIK z.B. BMW oder IBM) 
noch massiv eingesetzt.

> W�re nett wenn Ihr mir Eure Erfahrungen damit ein wenig nahelegen w�rdet.
> Dann kann ich vieleicht den ein oder anderen Fehler schon vermeiden.

CSS sind eine gute Erfindung. Sie verk�rzen, richtig eingesetzt, die Entwicklungszeit 
einer HTML-Oberfl�che enorm. Wichtig ist, dass man sich vorher viele Gedanken um das 
Layout macht, da sich das css sonst
schnell ins Chaos bewegt...

Gr��e
Matze

| [aspgerman] als [email protected] subscribed
| http://www.aspgerman.com/archiv/aspgerman/ = Listenarchiv
| Sie k�nnen sich unter folgender URL an- und abmelden:
| http://www.aspgerman.com/aspgerman/listen/anmelden/aspgerman.asp

Antwort per Email an