Seite 1 von 2

Startseite in CSS!

Verfasst: 11. Mai 2009, 22:43
von gloop
Hi,

da die Startseite, doch etwas älter ist, hab ich damals die Startseite in CSS erstellt.

Da ich nun nicht die Möglichkeit habe alle Browser zu testen, wäre ich erfreut, wenn ihr mir hier schreiben könntet, wenn bei irgendjemandem die Seite nicht korrekt angezeigt wird.

Falls wer tipps hat, wie man das in CSS noch besser machen kann, als ich es jetzt habe, als her mit :)

Link: http://gloop.pytalhost.de/fw/

mfg gloop

Getestete Browser:
FF 3.0
IE 8.0
Opera

Re: Startseite in CSS!

Verfasst: 11. Mai 2009, 23:00
von Aven Fallen
Also der Opera schafft die Seite.
Ich schätze mal FF und IE hast du selbst schon getestet, das muss ich dann nicht mehr machen ;)

Re: Startseite in CSS!

Verfasst: 11. Mai 2009, 23:59
von kaot
mit Chrome sieht sie ebenfalls ganz normal aus.

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 00:59
von Gamer1986
IE 6 ist fehlerhaft. Screeni (nicht wundern is 16:10):

http://img15.imageshack.us/img15/8232/ie6shot.jpg

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 01:02
von Brio
Im großen und ganzen siehts wirklich gut aus und von der Idee alles in CSS zu machen bin ich auch begeistert;)

Verbesserungsvorschläge:

Code: Alles auswählen

#about ul li {
margin-bottom: 5px;
}
#login .small {
margin-top: -18px;
margin-bottom: -3px;
}
Damit siehts noch mehr nach "Orginal" aus :)

und wenn du noch das einfügst:

Code: Alles auswählen

hr {
	border: solid #000000 0px;
	background-color: #000000;
	height: 1px;
	margin-top: 12px;
	margin-bottom: 12px;
	}
kannst du mit einfachen <hr /> die schwarzen horizontalen linien ziehen;)

mfg brio

PS: Das IE6 das nicht kann, war klar :)
EDIT: Mit einer Browserweiche müsste das Problem aber leicht zu lösen sein, das Problem im Screenie tritt auf, da IE6 anders mit padding & margin umgeht

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 08:51
von langeweile
@gloop,

hab zwar nicht getestet, aber eine gute Empfehlung zum Testen:

http://browsershots.org/

dort kannst du ziemlich viele Browsertests durchführen lassen

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:15
von Brio
So, ich hab mal gloops Version genommen und diese so verändert, dass sie der momentanen Startseite entspricht.
Ich denke, ich habe erreicht, das man praktisch keinen Unterschied mehr zwischen der alten Tabellen-Version und dieser bemerkt.
Link: http://hellinsky.com/fw_css/index.htm

Das ganze konnte ich leider aber erst in FF3 und IE8 testen. Deshalb wäre ich über weitere Tests und Anregungen froh. :)

mfg brio

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:18
von Alaska Saedelaere
ich als totaler obernub würde gerne ma fragen wa das bringt? :)

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:21
von kaot
Brio, hast du bei der Feature-Werbung nenne ichs jetzt mal etwas an der Schriftart/größe gedreht (oder dem Zeilenabstand?) Es sieht einen Hauch enger aus als das Original (auf Chrome)

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:24
von Brio
Konkret für Sotrax bringt das eine Einsparung von Traffic. Die Startseite wird bestimmt mehrere tausend mal pro Tag aufgerufen. Die CSS-Version ist halb so groß wie die alte Version (10kb statt 20kb). D.h. Sotrax würde ungefähr den halben Traffic einsparen, der durch die Startseite verursacht wird.

Außerdem ist ein Layoutaufbau mit tabellen technisch veraltet, heutzutage ist CSS einfach Standard und sollte überall verwendet werden. :)

mfg brio

EDIT: @kaot: Eigentlich nicht. Das ganze habe ich Prinzip direkt von gloop übernommen und im FF3 siehts gleich aus wie bei der alten Startseite. Evtl. ist da irgendwo eine Besonderheit von Chrome...Ist im Endeffekt aber sicher auch keine Schwierigkeit zu beseitigen ;)

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:26
von Alaska Saedelaere
thx ^^

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 16:26
von gloop
Alaska Saedelaere

Für den User bringt das nicht wirklich viel, aber man kann dadurch einfacher News einfügen, die Startseite ist derzeit nicht ein Teil, sondern besteht aus mehreren Seiten, was manchmal zu bugs führt (kleines Beispiel die Login Seite ist bei manchen verlinkungen nicht korrekt).

Google kann besser die Seite durchsuchen und es macht Spaß zu programmieren :-)

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 17:20
von Luko
Brio hat geschrieben:Konkret für Sotrax bringt das eine Einsparung von Traffic.
konkret bedeutet dies aber, dass ihn dieser Furz an Einsparung egal ist ;). Gab schon diverse Threads zu ähnlichen Themen, so ist zB irgendwo im Chatframe ein </b> zu viel oder so... und das lädt zB jeder Benutzer alle wenige Sekunden neu, was auf dauer wesentlich mehr Traffic verursacht als nur die Startseite. Aber ich denke wer am Tag solche Unmengen an Traffic hat, denn sind die paar GB mehr oder weniger auch nicht so wichtig :o

Theoretisch verdient FW eine gesamte Überarbeitung am generierten Quelltext aber naja... man kann nicht alles haben :). Bin trotzdem dafür weil ich css toller finde als die alten blöden tabellen^^

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 18:32
von Brio
Lukowski hat geschrieben:Theoretisch verdient FW eine gesamte Überarbeitung am generierten Quelltext aber naja... man kann nicht alles haben :). Bin trotzdem dafür weil ich css toller finde als die alten blöden tabellen^^
Genau der Ansicht bin ich auch. Viele Teile vom Freewar-Quellcode sind einfach alt, unzureichend bzw. schlichtweg falsch geschrieben und entsprechen oft nicht den w3c-Normen.

Ich habe nun noch einige Feintunings gemacht, sodass die CSS-Version nun HTML 4.01 und CSS 2.1 entspricht:
BildBild

mfg brio

Re: Startseite in CSS!

Verfasst: 12. Mai 2009, 20:48
von ShadowFlame
Wie wärs noch mitm strict DOCTYPE?