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ß!
|
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 |
|
|||||||
ô.Ô 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 ![]() ![]() ![]() |
|
|||||||
Ich hab mal eine funktionierende Beispielversion gemacht, die ich mal hochladen kann. Ansonsten ICQ... |
||||||||
Posts: 3847 | Member since: November 2004 | IP address: saved | ||||||||
Chrissyx Dipl.-Inf. Admin Redakteur ![]() ![]() ![]() ![]() ![]() ![]() ID # 1 ![]() ![]() ![]() |
|
|||||||
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.
Das Beispiel schockt ja richtig. ![]() ![]() Ideen, wie man das für IE7 fixen kann? ![]() |
||||||||
Posts: 15970 | 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 |
|
|||||||
Divs darf man semantisch auch gruppieren ![]() Sprich <div name="komischen Krempel den eh keiner liest"> Macht übrigens das das CSS-rumregeln etwas einfacher ![]() Un zu deinem Versuch auf daniels code: "position:absolute;" ?!? AAAAAAAAAAAAAARRRRRRRRRRRGH ![]() 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 |
|
|||||||
1)
![]() 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 ![]() 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 ![]() ![]() ![]() |
|
|||||||
Das hab ich auch gemerkt. Und absolute DIVs sind wohl nicht so der Renner. ![]() ![]() http://www.chrissyx.com/beta/v4/ Komplett ohne Tabelle, alles valides XHTML und valides CSS. DIVs sind wieder eingefärbt. Nun zufrieden? ![]()
1) Ich kann auch wieder die IE only Schiene fahren. ![]() 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. ![]() 5) Hab. ![]() |
||||||||
Posts: 15970 | 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 |
|
|||||||
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 ![]() -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 ![]() ![]() ![]() |
|
|||||||
Also im FF kann ich kein Fehlverhalten feststellen. Oder meinst Du bei kleineren Auflösungen?
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). ![]()
Naja, grundlos sicher nicht, die SPANs dienen zur Schriftgröße. ![]()
Ob ich Bild oder Schrift als Überschrift nehme, lass ich mir von keiner Suchmaschine vorschreiben. ![]() ![]() |
||||||||
Posts: 15970 | 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 |
|
|||||||
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 ![]() ----------------------- 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 ![]() |
|
|||||||
Ups. Garnicht gesehen, dass du an einer neuen Version deiner Seite bastelst ![]() 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 ![]() ![]() ![]() |
|
|||||||
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? ![]() ![]() 3) Hm, stimmt, das lässt sich machen. ![]() 4) Evtl. als Überschriften bei Submenüs, wo keine Bilder sind. |
||||||||
Posts: 15970 | 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 |
|
|||||||
und padding. Bei mir auf 1680x1050 gehts auch, aber die Buchstaben fangen direkt am Rahmen an. Das ist unschön also padding padding padding ![]() 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 ![]() |
|
|||||||
@Chrissyx: Kein PDA, aber manchmal IE im kleinen Fenster auf ca 50% @T3rrabug: Sag doch gleich, dass du padding meinst ![]() 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 ![]() ----------------------- 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 ![]() ![]() ![]() |
|
|||||||
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! ![]() ![]() http://www.chrissyx.com/beta/v4/ |
||||||||
Posts: 15970 | Member since: November 2002 | IP address: saved | ||||||||
Chrissyx Dipl.-Inf. Admin Redakteur ![]() ![]() ![]() ![]() ![]() ![]() ID # 1 ![]() ![]() ![]() |
|
|||||||
Keine Rückmeldung? So schlecht? ![]() |
||||||||
Posts: 15970 | Member since: November 2002 | IP address: saved | ||||||||
Killer7 Raggakings-Selecta Redakteur ![]() ![]() ![]() ![]() ![]() ID # 44 ![]() ![]() |
|
|||||||
Ich kenn mich damit ja nicht aus,aber fehler finde ich bei mir im Browser nicht... ----------------------- ![]() |
||||||||
Posts: 5740 | Member since: September 2003 | IP address: saved | ||||||||
Jyrin Boardfotze ![]() ![]() ![]() ![]() ID # 42 ![]() |
|
|||||||
das problem ist wohl, dass ich genauso wie viele andere, wohl nie die Hauptseite besuche ![]() ----------------------- 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 ![]() ![]() ![]() |
|
|||||||
wOOtZ, weiter an V4 gearbeitet: http://www.chrissyx.com/beta/v4/ Abstände, margins und floats optimiert, so langsam komm ich dahinter. ![]() ![]() Und alles weiterhin valides XHTML. ![]() |
||||||||
Posts: 15970 | 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 |
|
|||||||
![]() 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 ![]() ![]() ![]() |
|
|||||||
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... ![]() Smilie-Anzahl ist nicht fest vorgegeben, das kann jeder für sich entscheiden und ich find 2 Reihen Smilies ganz nett. ![]() |
||||||||
Posts: 15970 | Member since: November 2002 | IP address: saved |
|
| Chrissyx Homepage | Board rules | Privacy policy
Tritanium Bulletin Board 1.8
© 2010–2021 Tritanium Scripts
Site created in 0.060711 seconds
Processed 22 files
gzip compression enabled
1435.51 KiB memory usage