Chrissyx Homepage Forum
Register FAQ Search Who is online? Member list Today's posts Login

Willkommen bei Chrissyx Homepage Forum! Falls dies Ihr erster Besuch hier ist, lesen Sie sich bitte die Hilfe mit den häufigsten Fragen und ausführlichen Erklärungen durch! Falls Sie an den Diskussionen teilnehmen wollen, sollten Sie sich registrieren oder, falls Sie das schon getan haben, sich einloggen. Wir wünschen Ihnen viel Spaß!

 Chrissyx Homepage Forum » Chrissyx Homepage allgemein » Chrissyx Homepage - Neue Versionen [ Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 ]   

Author Topic: Chrissyx Homepage - Neue Versionen
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on May 27, 2008 04:15 PM (#813) PM E-mail Quote
ô.Ô Du Chrissyx du definierst viel zu viel. Divs funktionieren komplett anders als Tabellen.
Dein Problem ist, dass du versuchst eine feste Strucktur zu nehmen.
Am Besten guckst du dir nochmal andere Layouts an:
http://www.css4you.de/wslayout1/ex0010.html
http://matthewjamestaylor.com/blog/perfect-3-column.htm

Im Prinzip ist es eigentlich ganz einfach ;)

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
daniel
Inglourious Admin
Redakteur
******
ID # 729



284-199-061
Achievements
Posted on May 27, 2008 04:36 PM (#814) HP PM E-mail Quote
Ich hab mal eine funktionierende Beispielversion gemacht, die ich mal hochladen kann. Ansonsten ICQ...

-----------------------
Posts: 3838 | Member since: November 2004 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on May 27, 2008 10:45 PM (#815) HP PM E-mail Quote
Das Beispiel von daniel ist hier. Darauf aufbauend hab ich dann das versucht, bis ich merkte, die absoluten DIVs sind irgendwie nicht flexibel und "haben keine Masse". Da alles per Pixelangaben vorgegeben ist, muss ich alles wieder neu verschieben, wenn auch nur eine Zeile Text hinzukam, da die DIVs sich nicht beeinflussen und automatisch mit verschieben. Man beachte auch das HR ganz oben, was eigentlich unter den DIVs liegen sollte.

Quote by T3rrabug:
http://www.css4you.de/wslayout1/ex0010.html


Das Beispiel schockt ja richtig. :eek: Hab dann mal das hier gebastelt, was im Prinzip schon nicht schlecht ist. Leider auch hier zerschossene Darstellung im IE7; die "about you"-Box sitzt rechts neben dem "ticker" und "commu" sitzt manchmal unter "news". :wall: (Zur besseren Unterscheidung sind die DIVs eingefärbt und ohne Rahmen, da sonst nie 100% Breite möglich ist.)

Ideen, wie man das für IE7 fixen kann? :tot:

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on May 28, 2008 08:20 PM (#816) PM E-mail Quote
Divs darf man semantisch auch gruppieren :)
Sprich
<div name="komischen Krempel den eh keiner liest">
<div…about you
…
</div>

Macht übrigens das das CSS-rumregeln etwas einfacher :)

Un zu deinem Versuch auf daniels code: "position:absolute;" ?!? AAAAAAAAAAAAAARRRRRRRRRRRGH :wall:

Was du bisher, ohne dir zu Nahe tretten zu wollen, noch nicht verstanden hast, ist das divs ziemlich flexibel sind und überhaupt nicht in so nem festen Raster liegen wie Tabellen.
Lesestoff:
http://www.stichpunkt.de/css/bereiche.html
http://www.webwriting-magazin.de/sogehts/cssebenen.shtml

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
RangerX
Lernt noch alles kennen
*
ID # 410


Posted on May 28, 2008 11:45 PM (#817) HP PM E-mail Quote
1)
Quote:
Leider auch hier zerschossene Darstellung im IE7
=> Wechsel den Browser, IE SUXX :D

2) DIV und Absolute is MURKS.. je mehr feste Größen du einbaust desto mehr arbeit machst du dir. Der Vorteil von DIV's ist ja gerade die Flexibilität

3) Irgendwie sind das zuviele Posts um herauszufinden was du machen willst..naja egal *gg*

4) Wieso bin ich schon wieder hier..DU BIST SCHULD :P

5) Meld dich mal im ICQ Gimp ;)

-----------------------
Wer mich doof findet sollte in den Spiegel schauen...Denn es könnte sein, dass ich ihm dort entgegen lächle
Posts: 18 | Member since: December 2003 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on May 29, 2008 09:26 PM (#818) HP PM E-mail Quote
Quote by T3rrabug:
Un zu deinem Versuch auf daniels code: "position:absolute;" ?!? AAAAAAAAAAAAAARRRRRRRRRRRGH :wall:

Was du bisher, ohne dir zu Nahe tretten zu wollen, noch nicht verstanden hast, ist das divs ziemlich flexibel sind und überhaupt nicht in so nem festen Raster liegen wie Tabellen.

Das hab ich auch gemerkt. Und absolute DIVs sind wohl nicht so der Renner. :P Hab's dann hingekriegt, mit "clear:both" statt nur "right" und schon waren alles DIVs an ihrer Stelle. :)
http://www.chrissyx.com/beta/v4/
Komplett ohne Tabelle, alles valides XHTML und valides CSS. DIVs sind wieder eingefärbt.
Nun zufrieden? :P

Quote by RangerX:
1)
Quote:
Leider auch hier zerschossene Darstellung im IE7
=> Wechsel den Browser, IE SUXX :D

2) DIV und Absolute is MURKS.. je mehr feste Größen du einbaust desto mehr arbeit machst du dir. Der Vorteil von DIV's ist ja gerade die Flexibilität

3) Irgendwie sind das zuviele Posts um herauszufinden was du machen willst..naja egal *gg*

4) Wieso bin ich schon wieder hier..DU BIST SCHULD :P

5) Meld dich mal im ICQ Gimp ;)


1) Ich kann auch wieder die IE only Schiene fahren. :eg:
2) /kick "position:absolute"
3) Im Moment eigentlich nur ein paar Vorbereitungen zur Version 4.0 meiner Seite. Das bedeutet XHTML und auch DIVs statt TABLEs. ;)
4) Passt schon. Hast dich nicht verlaufen. :P
5) Hab. :P

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on May 29, 2008 09:47 PM (#819) PM E-mail Quote
Quote by Chrissyx:
http://www.chrissyx.com/beta/v4/
Komplett ohne Tabelle, alles valides XHTML und valides CSS. DIVs sind wieder eingefärbt.
Nun zufrieden? :P

Sehr schön. Falls die nächste Version auf dem Versuch basiert:
-Overflow stimmt im FF und in Opera gar nicht. Besonders die Spalte rechts hängt über :o U.U. mit min-width arbeiten, aber Vorsicht bei Browserkompatibilität.
-ersetz das JS in den Menus durch CSS. Stichwort: Tree Frog
-einiges ist überdefiniert z.B. im Footer packst du grundlos spans in divs ;)
-ich bin zwar nicht so der Semantik oder SEO Guru, aber ich glaub zumindest konsequente Nutzung von Überschriften würde dir mehr Besucher bescherren :)

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on June 05, 2008 08:02 PM (#820) HP PM E-mail Quote
Quote by T3rrabug:
-Overflow stimmt im FF und in Opera gar nicht. Besonders die Spalte rechts hängt über :o U.U. mit min-width arbeiten, aber Vorsicht bei Browserkompatibilität.

Also im FF kann ich kein Fehlverhalten feststellen. Oder meinst Du bei kleineren Auflösungen?

Quote by T3rrabug:
-ersetz das JS in den Menus durch CSS. Stichwort: Tree Frog

Hab's mir angesehen, aber auch hier ist's eine Mischung aus JS und CSS - wie bei mir auch, nur dass mein Menü ein Tick leetiger ist (+/- Wechsel). :D Nimmt sich nicht viel, sind eigentlich auch die selben Funktionen auf gleichem Wege realisiert. Solange bei meinem Menü keine Probleme auftreten, bleib ich erstmal dabei.

Quote by T3rrabug:
-einiges ist überdefiniert z.B. im Footer packst du grundlos spans in divs ;)

Naja, grundlos sicher nicht, die SPANs dienen zur Schriftgröße. ;) Sicher, man kann's mit dem DIV bündeln, muss ich nochmal gucken.

Quote by T3rrabug:
-ich bin zwar nicht so der Semantik oder SEO Guru, aber ich glaub zumindest konsequente Nutzung von Überschriften würde dir mehr Besucher bescherren :)

Ob ich Bild oder Schrift als Überschrift nehme, lass ich mir von keiner Suchmaschine vorschreiben. :P Die haben Meta-Tags und andere Sachen (robots.txt) zum Spielen. :D

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on June 05, 2008 09:49 PM (#821) PM E-mail Quote
Keine Ahnung was für ne Auflösung du hast, aber bei mir tappsen die Buchstaben über den Rand.

Sorry hab da die Menus vertauscht. In allen Browser geht ein festehendes anscheinend nur mit Javascript. Dafür könnteste das wenigstens auschlacken. + bzw. - wirste ja wohl auch noch schaffen.

Bilder als Überschrift sind auch durchaus legitim. Eigentlich sollte man da Image Replacement einsetzten, aber muss ja nicht so umbedingt. Trotzdem gibts noch h2 und h3 ;) Auf eine gute Platzierung in den Suchmaschinen würd ich persönlich nicht scheißen.

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
Marzel
Hat sonst nichts zu tun
***
ID # 469


Posted on June 08, 2008 10:46 PM (#822) HP PM E-mail Quote
Ups. Garnicht gesehen, dass du an einer neuen Version deiner Seite bastelst :rolleyes: Deshalb mal kurz my 4 cents:

1. Die von T3rrabug angesprochenen Buchstaben passen bei mir (haargenau).

2. IE7 hat´s nicht so recht mit der korrekten Darstellung von divs bei zu kleinen Auflösungen (z.B. 480x320). Vielleicht kennt T3rrabug da ein Workaround!?

3. Zum Beispiel in Zeile 252:
<img src="images/null.gif" alt="" /><img src="images/null.gif" alt="" /><img src="images/null.gif" alt="" /><a href="archiv2008.php">-2008</a><br />
macht bei mir:
<img src="images/null.gif" width="3" /><a href="archiv2008.php">-2008</a><br />

4. Keiner weiß, was Google wirklich freut, aber Überschriften zählen zu den kleinen Geschenken, die Google dankend anerkennt. Wenn man den Beweisen trauen mag, sind H2 wesentlich lieber gesehen als H1 und (natürlich) H3...

-----------------------
Posting © [Marzel] 2008. Alle Rechte vorbehalten. Kein Verwenden, Zitieren und Kritisieren ohne Erlaubnis.
Posts: 511 | Member since: March 2004 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on June 09, 2008 02:11 PM (#823) HP PM E-mail Quote
1) Bei mir (1680x1050) sind auch alle Buchstaben dort, wo sie sein sollen. Was noch optimiert werden muss, sind die Abstände zwischen den DIVs.

2) 480x320? :ugly: Surfst Du mit einem PDA oder so? :D

3) Hm, stimmt, das lässt sich machen. :)

4) Evtl. als Überschriften bei Submenüs, wo keine Bilder sind.

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on June 09, 2008 04:42 PM (#824) PM E-mail Quote
Quote by Chrissyx:
1) Bei mir (1680x1050) sind auch alle Buchstaben dort, wo sie sein sollen. Was noch optimiert werden muss, sind die Abstände zwischen den DIVs.

und padding. Bei mir auf 1680x1050 gehts auch, aber die Buchstaben fangen direkt am Rahmen an. Das ist unschön also padding padding padding :o
Außerdem springt die Textbox rechts ab und zu mal aus dem div heraus: Overflow. Aufm Crt mit 1024x768 gehen die Buxhtsaben rechts weiter als das div :(

@Marzel ich glaub nicht, dass es da nen Workaround gibt.

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
Marzel
Hat sonst nichts zu tun
***
ID # 469


Posted on June 09, 2008 07:58 PM (#825) HP PM E-mail Quote
@Chrissyx: Kein PDA, aber manchmal IE im kleinen Fenster auf ca 50%

@T3rrabug: Sag doch gleich, dass du padding meinst :P Fände ich auch schöner...

Habe die Seite gerade mal mitm Handy aufgerufen. Darstellung war soweit ok, was mich aber verwundert hat, war der Banner von Shortnews.de. Den sehe ich bei mir (FF2) garnicht :noe:

-----------------------
Posting © [Marzel] 2008. Alle Rechte vorbehalten. Kein Verwenden, Zitieren und Kritisieren ohne Erlaubnis.
Posts: 511 | Member since: March 2004 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on June 11, 2008 02:01 AM (#826) HP PM E-mail Quote
Overflow guck ich mir noch an. Bis dahin, hab ich die Navigation erheblich entschlackt und konnte dank pading-left sogar auf die null.gif Bilder als Abstandshalter komplett verzichten! :eek: Dann per marign-left etwas (1%) Abstand der News Box beigebracht und sonst noch floats+clears optimiert. Außerdem die brandneue Shoutbox, an der ich 3-4 Tage poliert hab: Valides XHTML, Caching Funktion (!), Mehr Smilies, Reload, Seitennavigation im Archiv, FF tested - probiert's mal aus. :)
http://www.chrissyx.com/beta/v4/

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on June 12, 2008 07:13 PM (#827) HP PM E-mail Quote
Keine Rückmeldung? So schlecht? :P

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
Killer7
Raggakings-Selecta
Redakteur
*****
ID # 44



452-369-113
Posted on June 12, 2008 10:50 PM (#828) HP PM E-mail Quote
Ich kenn mich damit ja nicht aus,aber fehler finde ich bei mir im Browser nicht...

-----------------------
Posts: 5739 | Member since: September 2003 | IP address: saved
Jyrin
Boardfotze
****
ID # 42


Posted on June 13, 2008 02:14 PM (#829) PM E-mail Quote
das problem ist wohl, dass ich genauso wie viele andere, wohl nie die Hauptseite besuche xD Im FF richtig hässlich im IE ganz ok, weiter so^^

-----------------------
Metal is like an Apple - no one likes the core!
Posts: 9411 | Member since: September 2003 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on July 12, 2008 10:49 PM (#830) HP PM E-mail Quote
wOOtZ, weiter an V4 gearbeitet:
http://www.chrissyx.com/beta/v4/
Abstände, margins und floats optimiert, so langsam komm ich dahinter. :rolleyes: Außerdem: "Bangboy says" Feature eingebaut. :lol:
Und alles weiterhin valides XHTML. :ja:

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved
T3rrabug
09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
****
ID # 333


Posted on July 13, 2008 01:59 PM (#831) PM E-mail Quote

Opera 9.5 unter Vista bei 1650x1050
Außerdem könntest du die Shoutbox eh nochmal überarbeiten:
-Resetbutton? Der stört mehr als das er irgendeinen Mehrwert bring.
-etwas zuviele Smilies
-Die Knöpfe sollten etwas übersichtlicher gruppiert sein

-----------------------
T3rrabug - Checkliste

-gute Kenntnisse eines Gebietes (z.B. Hacken) oder von mehreren Gebieten haben
-fair, nett, freundlich sein und verständnisvoll reagieren (z.B. wenn eine Frage schon öfters gestellt wurde oder das Thema bereits existiert)
-Rechtschreibung, Satzzeichen und Gross-/Kleinschreibung beherrschen - durchgängig!
-eine gewisse Anzahl von Posts haben, die nicht nur aus Spamereien oder Doppelposts entstanden sind
-jeden Tag wenigstens einmal Zeit haben, um im Forum nach dem Rechten zu sehen.
Posts: 6826 | Member since: November 2003 | IP address: saved
Chrissyx
Dipl.-Inf. Admin
Redakteur
******
ID # 1



109-273-268
Achievements
Posted on July 14, 2008 07:16 PM (#832) HP PM E-mail Quote
Der Text ist ziemlich hoch skaliert bei dir, oder? Jedenfalls sollte die Box nicht breiter sein als die Buttons bzw. Smilies darunter.
Wenn ich dem DIV eine min-width verpasse (170px und die Box wandert nicht mehr raus), rutscht das gesamte rechte Menü allerdings unter das News-DIV... :( Bei Tabellen konnte das nicht passieren, Idee wie man das mit DIVs lösen kann?

Smilie-Anzahl ist nicht fest vorgegeben, das kann jeder für sich entscheiden und ich find 2 Reihen Smilies ganz nett. ;)

-----------------------


Posts: 15859 | Member since: November 2002 | IP address: saved

[ Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 ]   

| Chrissyx Homepage | Board rules


Tritanium Bulletin Board 1.6
© 2010–2016 Tritanium Scripts


Site created in 0.190481 seconds
Processed 22 files
gzip compression enabled
4902.36 KiB memory usage