Seitenkritik

[Jeena Paradies]

Hallo,

Einige von euch haben es ja sicherlich schon gemerkt dass ich seit drei Tagen eine neue Version (#4) meiner Homepage online habe.

Da ich beim letzten Redesign hier und auch von anderen Seiten herbe Kritik wegen der grafischen Umsetzung hinnehmen durfte habe ich mich jetzt noch einmal hingesetzt und ein neues Design entworfen. Dank Detlef G. funktioniert es auch ziemlich gut im IE und mit verschieden Textgrößen.

Gleichzeitig habe ich eine Weblogsoftware geschrieben und die Seite neu strukturiert.

Jetzt würde ich gerne euere Meinung hören, was ich noch verbessern könnte, oder was noch nicht so richtig funktioniert.

Grüße
Jeena Paradies

[WauWau]

Hallo Jeena ,

Einige von euch haben es ja sicherlich schon gemerkt dass ich seit drei Tagen eine neue Version (#4) meiner Homepage online habe.

Ja, ich habe sie mir auch schon angeschaut: Sehr schön :)

Da ich beim letzten Redesign hier und auch von anderen Seiten herbe Kritik wegen der grafischen Umsetzung hinnehmen durfte habe ich mich jetzt noch einmal hingesetzt und ein neues Design entworfen. Dank Detlef G. funktioniert es auch ziemlich gut im IE und mit verschieden Textgrößen.

Hmmm... die Liste, die man da sieht, die Zahlen sind da bei meinem
Opera abgeschnitten.

Gleichzeitig habe ich eine Weblogsoftware geschrieben und die Seite neu strukturiert.

das war das mit dem mod_rewrite, nicht war?

Jetzt würde ich gerne euere Meinung hören, was ich noch verbessern könnte, oder was noch nicht so richtig funktioniert.

Wie bereits gesagt, bei mir unter Opera7 die Listenpunkte bei der <ol>.

Ansonsten sieht die Seite soweit ganz schön aus :) - Respekt! ;-)

WauWau

[Jeena Paradies]

Hallo,

Hmmm... die Liste, die man da sieht, die Zahlen sind da bei meinem
Opera abgeschnitten.

Du meinst das Beispiel in http://jeenaparadies.de/weblog/2004/april/listenformatierung/?
Hm, welche Version vom Opera macht das? Wärst du so gütig und würdest für mich einen Screenshot machen?

das war das mit dem mod_rewrite, nicht war?

Jep, das war ein K(r)ampf sage ich dir ;)

Grüße
Jeena Paradies

[WauWau]

Hallo Jeena,

Hmmm... die Liste, die man da sieht, die Zahlen sind da bei meinem
Opera abgeschnitten.
Du meinst das Beispiel in http://jeenaparadies.de/weblog/2004/april/listenformatierung/?
Hm, welche Version vom Opera macht das? Wärst du so gütig und würdest für mich einen Screenshot machen?

Na da kannst du von Glück reden, dass ich mich neulich bei http://www.dyndns.org registriert habe ;-)

Also:

>> Bild kommt nur, wenn mein Comp an ist, mein Router an ist und
      eine Internetverbindung besteht ;-)
   <img src="http://sveni.dnsalias.net/forum/jeena-homepage-v4.png" border="0" alt="">

Ich habe - im Gegensatz zu meinem flüchtigen Besuch von vorhin - mal ein paar "Reload"s von der Seite gemacht. Scheinbar scheint es nur ein Rendering-fehler von der engine zu sein, denn wie Beispiel2 zeigt, zeigt er es auch richtig an.

Naja, wie dem auch sei, ich lese es mir auf jeden fall mal durch (denn dazu bin ich jetzt noch gar nicht gekommen ;-) :)

das war das mit dem mod_rewrite, nicht war?
Jep, das war ein K(r)ampf sage ich dir ;)

stimmt, ich hab' ja einige threads mitbekommen ;-)

WauWau

[Detlef G.]

Hallo WauWau

...Scheinbar scheint es nur ein Rendering-fehler von der engine zu sein, denn wie Beispiel2 zeigt, zeigt er es auch richtig an.

Mir sind öfters im 6er als auch im 7er Opera einige Renderingfehler aufgefallen.
Z.B. treten fast immer Anzeigefehler auf, wenn Elemente mittels position:relative verschoben werden. Diese werden dann oft nur teilweise angezeigt, manchmal stimmt nach einem Reload wieder alles, manchmal wird es dadurch schlimmer, manchmal stimmt nach einem Scrollen alles oder es wird schlimmer.
Die Fehler treten auf, sind aber beim besten Willen nicht nachvollziehbar.

MFG
Detlef

[WauWau]

Hallo Detlef G.,

Mir sind öfters im 6er als auch im 7er Opera einige Renderingfehler aufgefallen.
Z.B. treten fast immer Anzeigefehler auf, wenn Elemente mittels position:relative verschoben werden. Diese werden dann oft nur teilweise angezeigt, manchmal stimmt nach einem Reload wieder alles, manchmal wird es dadurch schlimmer, manchmal stimmt nach einem Scrollen alles oder es wird schlimmer.
Die Fehler treten auf, sind aber beim besten Willen nicht nachvollziehbar.

Hmm.... mir fallen sie vorläufig beim schnellen scrollen auf ;-)

Und im IE habe ich das - aber ausgesprochen selten - auch schon mal erlebt. Aber nur bei großen Seiten, wo er beim Scrollen schon recht ausgelastet ist/war ;-)

WauWau

[daniel84]

Hallo Jeena,

gefällt mir im grossen und ganzen gut... bis auf diesen hässlichen (sorry...) gekachelten Hintergrund!

Gruss,
Daniel

[Jeena Paradies]

Hallo,

gefällt mir im grossen und ganzen gut... bis auf diesen hässlichen (sorry...) gekachelten Hintergrund!

Das ist wohl sowas wie ein Glaubenskrieg :) Mein Bruder meint genau das gleiche wie du, und ich liebe ihn. Mir gefällt das weil er aussieht wie eine altmodische Tapete in einem Wohnzimmer, es sieht irgendwie gemütlich aus. Außerdem hebt dieser Hintergrund die Seite sehr hervor und es entsteht so ein kleiner 3D Effekt, da der Content so zu leuchten scheint.

Grüße
Jeena Paradies

[daniel84]

Hallo

Mein Bruder meint genau das gleiche wie du, und ich liebe ihn.

Wen? Deinen Bruder oder den Hintergrund? ;-) *scnr*

Ist mir klar, dass das Geschmackssache ist. Dir gefällts, mir nicht - also lässt dus, schon okay! Werde so oder so ab und zu vorbei schauen auf deiner interesanten Seite!

Gruss,
Daniel

[Jeena Paradies]

Hallo,

Wen? Deinen Bruder oder den Hintergrund? ;-) *scnr*

Beide natürlich :)

Ist mir klar, dass das Geschmackssache ist. Dir gefällts, mir nicht - also lässt dus, schon okay!

Schön dass ich so glimplich davongekommen bin ;)

Werde so oder so ab und zu vorbei schauen auf deiner interesanten Seite!

Das ist das wichtigste für mich, dass die Inhalte passen, Leute anziehen, unterhalten und informieren. Dann wird so was wie ein häßlicher gekachelter Hintergrund - hoffe ich zumindest - schnell zur Nebensächlichkeit.

Grüße
Jeena Paradies

[WauWau]

Hallo Jeena,

Das ist das wichtigste für mich, dass die Inhalte passen, Leute anziehen, unterhalten und informieren. Dann wird so was wie ein häßlicher gekachelter Hintergrund - hoffe ich zumindest - schnell zur Nebensächlichkeit.

hmmm... ich finde, er stört gar nicht so. Wenn man ein aufrichtiger Leser ist, bemerkt man ihn fast gar nicht ;-)

WauWAu

[Dennis]

Hi @all!

Du hast da ja so eine rote Hintergrundgrafik auf allen Seiten.
So, also ich fände es besser, wenn man oben und unten entweder etwas mehr
oder gar nichts mehr von der grafik sehen würde.
So wies jetzt ist, stimmt das Verhältnis mit den Rändern (bein 1024px)
irgendwie nicht.

MfG, Dennis.

[Jeena Paradies]

Hallo,

So, also ich fände es besser, wenn man oben und unten entweder etwas mehr
oder gar nichts mehr von der grafik sehen würde.
So wies jetzt ist, stimmt das Verhältnis mit den Rändern (bein 1024px)
irgendwie nicht.

Hm irgendwie scheinst du recht zu haben, es sieht so aus, als ob oben mehr Platz wäre wie unten, kann mich aber auch täuschen.

Ich habe jetzt mal oben und Unten einen Abstand von genau den gleichen 15px gemacht wie sonst auch oft auf der Seite. Sieht es jetzt gleichmäßiger/besser aus oder ist das zu viel?

Grüße
Jeena Paradies

[Dennis]

Hi @all!

Ich habe jetzt mal oben und Unten einen Abstand von genau den gleichen 15px gemacht wie sonst auch oft auf der Seite. Sieht es jetzt gleichmäßiger/besser aus oder ist das zu viel?

So siehts besser aus finde ich. Weniger würde ich sagen auf keine fall, mehr jedoch auch nicht. ;-)

MfG, Dennis.

[Detlef G.]

Hallo Jeena

Dank Detlef G. funktioniert es auch ziemlich gut im IE und mit verschieden Textgrößen.

Fühle mich geehrt, darüberhinaus auch im CSS-Kommentar erwähnt zu werden.

Jetzt würde ich gerne euere Meinung hören, was ich noch verbessern könnte, oder was noch nicht so richtig funktioniert.

Für body, "font-size: 101%;" sollte nach neuerer Information http://news.css-technik.de/comments/335_0_1_0_C/ (danke tim hell) geändert werden.

"Weblog" und "Letzte Artikel" sollten bei zu kleinem Fenster komplett untereinander rutschen (wie im IE), also identische Eigenschaften außer float:left, float:right. Die #subnav-Variante ist dort imho nicht optimal.

Bei neuen Seiteninhalten solltest du die Angabe für min-width neu austesten.
(475px, wie ich grob _geschätzt_ hatte sind noch ein wenig zu klein, teste einmal bei Schriftgröße 130% im Mozilla)

MFG
Detlef

[Jeena Paradies]

Hallo,

Fühle mich geehrt, darüberhinaus auch im CSS-Kommentar erwähnt zu werden.

Na ich will mir doch deine Lorbeeren nicht selbst überhängen ;)

Für body, "font-size: 101%;" sollte nach neuerer Information http://news.css-technik.de/comments/335_0_1_0_C/ (danke tim hell) geändert werden.

Interessante Info, habe es gleich geändert.

"Weblog" und "Letzte Artikel" sollten bei zu kleinem Fenster komplett untereinander rutschen (wie im IE), also identische Eigenschaften außer float:left, float:right. Die #subnav-Variante ist dort imho nicht optimal.

Nun sie haben die gleichen Eigenschaften außer float und das rechte hat noch einen border. Das Problem ist wohl width: 46%; Da sollte dann wohl eher eine feste größe angeben. Irgendwo habe ich schon mal gesehen dass Ingo Turski das Selfdesign mit CSS nachgebaut hat und genau das auch verwendet hat http://www.1ngo.de/web/selfhtml.html. Da werde ich mir das mal abgucken, dann funktioniert es auch im IE 5.x besser.

Bei neuen Seiteninhalten solltest du die Angabe für min-width neu austesten.
(475px, wie ich grob _geschätzt_ hatte sind noch ein wenig zu klein, teste einmal bei Schriftgröße 130% im Mozilla)

Ok werde ich machen, nur dass die zahl so krum war das ich dachte sie wäre nicht geschätzt ;)

Grüße
Jeena Paradies

[Detlef G.]

Hallo Jeena

... Das Problem ist wohl width: 46%;

Das meinte ich nicht.
Wie ich gerade sehe, hast du es bereits geändert, diese Version ist schon besser, wirkt aber so an den linken Rand gequetscht, wenn die Blöcke untereinander sind. Ich hätte beiden Blöcken "width: 46%; min-width: 10.5em;", dem einen "float:left;" und dem anderen "float:right;" gegeben. Dann passen sie sich nebeneinander der zur Verfügung stehenden Breite an, um bei zu großer Schrift oder zu schmalem Fenster dann versetzt untereinander angezeigt zu werden.
So wie es jetzt ist, rutschen sie schon bei 800px Fensterbreite untereinander, wobei die Seite dann für meinen Geschmack zu linkslastig wirkt.

Zumindest aber fehlt bei div.spalte ein min-width in em.

MFG
Detlef

[Jeena Paradies]

Hallo,

Wie ich gerade sehe, hast du es bereits geändert, diese Version ist schon besser, wirkt aber so an den linken Rand gequetscht, wenn die Blöcke untereinander sind. Ich hätte beiden Blöcken "width: 46%; min-width: 10.5em;", dem einen "float:left;" und dem anderen "float:right;" gegeben. Dann passen sie sich nebeneinander der zur Verfügung stehenden Breite an, um bei zu großer Schrift oder zu schmalem Fenster dann versetzt untereinander angezeigt zu werden.

So jetzt habe ich das so gemacht wie du es vorgeschlagen hast, und es gefällt mir auch besser. Ich frage mich woher du diese Ideen hast? Wirklich davor habe ich großen Respekt.

So wie es jetzt ist, rutschen sie schon bei 800px Fensterbreite untereinander, wobei die Seite dann für meinen Geschmack zu linkslastig wirkt.

Ich musste jetzt ewig mit dem IE 5.x trixen damit er mir das ganze besser darstellt. Ich habe ihm einfach eine 255px anstatt 46% gegeben und er ist glücklich. Leider habe ich dafür eine Extra css Datei gebraucht, da ich keinen Hack gefunden habe, der in der IE CSS Datei den IE 6 rausfiltert und es nur dem IE 5.x gibt. Kennt einer so was? Ich will also einen Hack (egal ob valide oder nicht, ist sowieso eine extra IE CSS Datei die nicht valide ist) der dafür sorgt dass der IE6 den nachfolgenden Code nicht kennt, wohl aber der IE5.x?

Grüße
Jeena Paradies

[Detlef G.]

Hallo Jeena

Ich musste jetzt ewig mit dem IE 5.x trixen damit er mir das ganze besser darstellt.

Leider sind meine Tipps etwas unsicher, was ältere IEs oder andere Betriebssysteme betrifft. Mir steht nur W 98, NT und 2003 zum testen zur Verfügung und lediglich IE 6.0.

...der dafür sorgt dass der IE6 den nachfolgenden Code nicht kennt, wohl aber der IE5.x?

http://www.css4you.de/trickkiste/tr00032.php

MFG
Detlef

[Detlef G.]

Hallo Jeena,

jetzt habe ich ein wenig mehr zeit als vorhin.

...Ich frage mich woher du diese Ideen hast?

Leider habe ich viel zu wenige Ideen. Wenn ich etwas Neues beginnen soll oder will, sitze ich da, mir fällt einfach nicht ein, womit oder wie ich anfangen soll.
Etwas anderes ist es, wenn ich eine Vorlage habe, dann springt mir förmlich ins Auge, was mir daran nicht so richtig gefällt und meist auch, wie es imho besser wäre. Dann ist es meist relativ leicht, dafür eine Lösung zu finden, einfach das, hauptsächlich hier und durch eigene Tests, erworbene Wissen zu kombinieren.

Ich musste jetzt ewig mit dem IE 5.x trixen damit er mir das ganze besser darstellt.

War mir nicht bekannt, dass IE 5.x Probleme mit gefloateten Divs bei prozentualer Breite hat, bzw. habe keine nennenswerten Erfahrungen mit dem Teil.

...Leider habe ich dafür eine Extra css Datei gebraucht, da ich keinen Hack gefunden habe, der in der IE CSS Datei den IE 6 rausfiltert und es nur dem IE 5.x gibt.

Mir kommen dazu und zu dem max-width-Problem folgende Gedanken, ob diese wirklich funktionieren, habe ich nicht getestet:

/* Max-Width für den IE 5+ */

div#container {
/* Breite für IEs ohne JS */
 width:750px;
/* max-width für IEs mit JS */
 width:expression(document.body.clientWidth>755?"750px":"auto");
}
/* Extra Hack für IE 5.x um auf der Startseite die zwei Spalten hinzubekommen */
@media tty {
   @import url(ie40-55.css);
  }

Ist @import hier nötig, afaik könnte dort auch direkt "div.spalte { width: 255px; }" eingefügt werden oder genau anders herum, in der screen.css erst div.spalte mit "width: 255px;" und danach

@media all {
 div.spalte {width: 46%}
}

Das sollte der IE 5 ignorieren, bin mir aber nicht sicher.

MFG
Detlef

[Jeena Paradies]

Hallo,

War mir nicht bekannt, dass IE 5.x Probleme mit gefloateten Divs bei prozentualer Breite hat, bzw. habe keine nennenswerten Erfahrungen mit dem Teil.

Box Modell Bug, der irgendwie 46% vom Fenster nimmt anstatt vom Elternelement (oder so ähnlich).

/* Breite für IEs ohne JS */
 width:750px;

Das sit eine sehr gute Idee, die werde ich gleich einbauen!

@media all {
 div.spalte {width: 46%}
}
Das sollte der IE 5 ignorieren, bin mir aber nicht sicher.

nach http://www.lipfert-malik.de/webdesign/tutorial/css.html#BrowserweichenCSS kennt der IE 5 das schon, also hilft das leider nicht. Naja ist ja nicht so schlimm, wäre halt schön nicht noch eine Datei verwenden zu müssen, geht aber auch genau so gut mit.

Grüße
Jeena Paradies

[Detlef G.]

Hallo Jeena

nach http://www.lipfert-malik.de/webdesign/tutorial/css.html#BrowserweichenCSS kennt der IE 5 das schon, also hilft das leider nicht. Naja ist ja nicht so schlimm, wäre halt schön nicht noch eine Datei verwenden zu müssen, geht aber auch genau so gut mit.

Auf der genannten Seite (danke für den Link) befinden sich diverse CSS-Weichen, so dass du bestimmt auch eine Passende ohne zusätzliche CSS-Datei finden dürftest.
Ob eine zusätzliche Serveranforderung wegen einer Zeile sinnvoll ist?

Dabei fällt mir ein, wäre es so schlimm, dies direkt in die Seiten zu packen.

<!--[if lte IE 6]><link rel="stylesheet" href="css/ielte6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 5]>
 <STYLE>
  div.spalte { width: 255px; }
 </STYLE>
<![endif]-->

Dort eventuell noch @media screen {...} eingefügt.

Dann habe ich mir mal deine druck.css angesehen, dort sollte vielleicht noch einmal nachgearbeitet werden. Mir stellten sich folgende Fragen:

• Sollten die Navigationen nicht komplett ausgeblendet werden?
• Was ist mit den Weblog-Textanfängen?
    (Beide nützen im Ausdruck nichts und stören eher.)
• Schriftgrößen für den Druck in px? (Wir verwenden als Standardschriftgröße 12pt.)
• Angaben in ex? (http://www.fabrice-pascal.de/artikel/sizediscussion/ "Auch die Einheit ex kann man außer Acht lassen, da sie von kaum einem Browser richtig umgesetzt wird.")

So das war es erst einmal.

MFG
Detlef

[Jeena Paradies]

Hallo,

Auf der genannten Seite (danke für den Link) befinden sich diverse CSS-Weichen, so dass du bestimmt auch eine Passende ohne zusätzliche CSS-Datei finden dürftest.

hab sie von oben nach unten durchsucht, und nichts gefunden.

Ob eine zusätzliche Serveranforderung wegen einer Zeile sinnvoll ist?

Das ist ja eben das blöde.

Dabei fällt mir ein, wäre es so schlimm, dies direkt in die Seiten zu packen.

Nichts, denn es wird sowieso nur einmal auf der Startseite gebraucht! Vielen Dank für den 70ten Tipp von dir. So langsam werde ich dich bezahlen müssen für deine Dienste ;)

Dann habe ich mir mal deine druck.css angesehen, dort sollte vielleicht noch einmal nachgearbeitet werden

Ja diese habe ich bischer total vernachlässigt, und das ist eigentlich noch die von der Version #1 meiner Seite. Seit dem wurde sie glaube ich nicht mehr verändert, so dass es die sachen die dort beschrieben sind gar nicht mehr gibt. Ich werde sie aber noch mal neu designen.

Grüße
Jeena Paradies

[Detlef G.]

Hallo Jeena Paradies

... So langsam werde ich dich bezahlen müssen für deine Dienste ;)

Wäre ja nicht schlecht.
Aber im Ernst, dir zu helfen ist durchaus angenehm, du nimmst Vorschläge an, setzt sie um oder lehnst sie ab, wobei du die Ablehnung dann aber auch nachvollziehbar begründest.
Im Gegensatz dazu erleben wir hier ja sehr häufig, dass der Fragesteller nicht auf Vorschläge oder Tipps eingeht, seine Seiten sich nicht ändern und auch sonst keinerlei Rückmeldung erfolgt.

Außerdem habe ich dadurch selbst auch sehr viel gelernt.
Bei der Lösung eines Problems ergeben sich oft Lösungsansätze für ganz andere Probleme, die man noch im Hinterkopf hatte.

MFG
Detlef

[Jeena Paradies]

Hallo,

Dann habe ich mir mal deine druck.css angesehen, dort sollte vielleicht noch einmal nachgearbeitet werden.

Das habe ich jetzt gemacht. Sieht eigentlich ganz gut aus, nur dass die Geckos bei den Listenpunkten (also den Kommentaren) anstatt mein Bildchen welches ich angegeben habe zu nehmen immer das Bildchen total außenrum abschneiden. Keine Ahnung warum. Der Opera macht das richtig, der IE auch. Übrigens macht der Gecko das auch wenn ich das versuche auf dem Bildschirm so darzustellen.

• Was ist mit den Weblog-Textanfängen?
    (Beide nützen im Ausdruck nichts und stören eher.)

Wie meinst du? Das auf der Startseite meinst du? Ich weiß nicht ob ich das wirklich ausblenden soll. Ich weiß ja nicht warum die Leute die Startseite ausdrucken wollen, denn den aktuellen Weblogbeitrag können sie ja aus dem Archiv ausdrucken. Ich denke ich lasse es erst einmal so.

• Schriftgrößen für den Druck in px? (Wir verwenden als Standardschriftgröße 12pt.)

Ich habe da jetzt mal gar keine größe angegeben, denn bei 12pt wude alles irgendwie viel zu groß. Ich glaube es ist besser das so zu lassen wie es vom Browser her vorgegeben ist. Dann können sich die Leute vielleicht auch noch einstellen wie sie es haben wollen (wenn sie es können).

Grüße
Jeena Paradies

[Detlef G.]

Hallo Jeena Paradies

... nur dass die Geckos bei den Listenpunkten (also den Kommentaren) anstatt mein Bildchen welches ich angegeben habe zu nehmen immer das Bildchen total außenrum abschneiden. Keine Ahnung warum.

Bei mir (Mozilla 1.6) werden diese in der Druckvorschau richtig angezeigt. Im Druck selbst sind sie nicht abgeschnitten sondern extrem verkleinert.
Vielleicht liegt es daran:
Die Grafik ist 20x20px, wenn der Drucker diese in voller Auflösung druckt, ergibt das bei meiner Druckerauflösung 600 dpi etwa 0,8 mm.

Das auf der Startseite meinst du?

Ja

... Ich weiß ja nicht warum die Leute die Startseite ausdrucken wollen, denn den aktuellen Weblogbeitrag können sie ja aus dem Archiv ausdrucken.

Jemand, den deine Weblogeinträge interessieren wird regelmäßig die Startseite aufrufen, wo er den jeweils aktuellen Eintrag findet. Wenn er diesen ausdrucken will, wird er dies gleich auf dieser Seite tun und nicht erst ins Archiv gehen, wo er entweder auf mehrere Seiten verteilt auch die älteren oder aber auch die Kommentare erhält.

• Schriftgrößen für den Druck in px? (Wir verwenden als Standardschriftgröße 12pt.)
  Ich habe da jetzt mal gar keine größe angegeben ...

Ist imho OK, meine Aussage bezog sich auf die 10px, die dort angegeben waren.

MFG
Detlef

[Jeena Paradies]

Hallo,

Bei mir (Mozilla 1.6) werden diese in der Druckvorschau richtig angezeigt. Im Druck selbst sind sie nicht abgeschnitten sondern extrem verkleinert.
Vielleicht liegt es daran:
Die Grafik ist 20x20px, wenn der Drucker diese in voller Auflösung druckt, ergibt das bei meiner Druckerauflösung 600 dpi etwa 0,8 mm.

Hm daran könnte es wirklich liegen. Was wäre aber dann die Lösung für alle Browser? Ich kann ja dem Listenpunktbilchen keine Größe angeben. Auch kann ich das Bild nicht 1cm groß machen da es dann so um die 250px groß ist und der IE+Opera es viel zu groß ausdrucken. Nun ja ich glaube ich muss es erst einmal so lassen, vor allem da ja nur ca 14% der User auf meiner Seite mit dem Mozilla/Firebird(-fox) unterwegs sind, Die anderen dann mit Opera/IE usw. Vielleicht finde ich irgendwann doch noch eine Lösung dafür, und wenn nicht dann haben die Gecko-User halt das Bildchen unverhältnissmäßig klein, leider.

Jemand, den deine Weblogeinträge interessieren wird regelmäßig die Startseite aufrufen, wo er den jeweils aktuellen Eintrag findet. Wenn er diesen ausdrucken will, wird er dies gleich auf dieser Seite tun und nicht erst ins Archiv gehen, wo er entweder auf mehrere Seiten verteilt auch die älteren oder aber auch die Kommentare erhält.

Stimmt das ist ein gutes Argument, aber ich muss noch ein wenig darüber nachdenken.

Grüße
Jeena Paradies

[Oliver]

Hallo,

Hi Jeena,

Jetzt würde ich gerne euere Meinung hören, was ich noch verbessern könnte, oder was noch nicht so richtig funktioniert.

Grüße
Jeena Paradies

Im großen und ganzen sieht deine Page sehr ordentlich aus. Auch wenn einem die Farbwahl doch sehr an selfhtml erinnert.

Was mich im Einzelfall stört sind nur ein paar Kleinigkeiten. Zum einen der gelbe Hintergrund beim TopLogo (wenn das Browserfenster groß genug ist, sieht man es). Bei der dem Logo mit dem Hündchen, tauchen dann sogar noch ein paar Buchstaben unter dem Bild auf. Das Gelb würde ich persönlich auf die Farbe von dem gekachelten Hintergrund anpassen, sollte dann etwas ruhiger wirken.

Dass Phänomen, ich bezeichne es einfach mal so, mit der <ol> hab ich unter IE5 Mac ebenfalls (siehe Posting vom Opera7-User). Die Zahlen werden in der Erstanzeige nur in der _unteren_ Hälfte angezeigt. Wenn ich dann aber manuell das Browserfenster skaliere, verändert sich dieser Effekt. Sind die Zahlen während des Skalierens im Fenster sichtbar, sind sie nach dem Skalieren _ganz_ zu sehen (also ohne Fehler), liegen sie ausserhalb, werden sie anschließend wieder nur teilweise sichtbar und auch jedesmal an anderen Stellen.

Das mag durchaus an meiner IE-Version liegen, ich habe ein ähnliches Verhalten festgestellt, wie ich es manchmal bei <div>-containern habe. Hier wird mir manchmal die Scrollleiste vorenthalten, nach dem skalieren des Fensters ist sie wieder da. Also kurzum muss das nicht zwangsläufig an deinem Programmierstil liegen.

Zum gekachelten Hintergrund kann ich mich meinen Vorrednern auch nur anschließen, find den auch ziemlich hässlich, aber wie gesagt, das ist künstlerische Freiheit ;)

Ansonsten sehr nett.

Gruß
Oliver

[Jeena Paradies]

Hallo,

Im großen und ganzen sieht deine Page sehr ordentlich aus. Auch wenn einem die Farbwahl doch sehr an selfhtml erinnert.

Wirklich? Hm stimmt, ist mir bis jetzt noch gar nicht aufgefallen, aber es stimmt.

Was mich im Einzelfall stört sind nur ein paar Kleinigkeiten. Zum einen der gelbe Hintergrund beim TopLogo (wenn das Browserfenster groß genug ist, sieht man es). Bei der dem Logo mit dem Hündchen, tauchen dann sogar noch ein paar Buchstaben unter dem Bild auf. Das Gelb würde ich persönlich auf die Farbe von dem gekachelten Hintergrund anpassen, sollte dann etwas ruhiger wirken.

Der gelbe Hintergrund erscheint nicht oft, nur unter bestimmten Voraussetzungen:

• Browser kennt kein max-width & den workaround für den IE mit JavaScript
• IE 5.0 (der erkennt max-width ers erst nach einem manuellen reload der Seite)

da der IE einen sehr kleinen Anteil in meinen Logs hat (<1%) lasse ich ihn einfach den Hintergrund anzeigen, da ja die Seite trotzdem besuchbar ist und einigermaßen OK aussieht. Das mit der Farbe werde ich mir mal überlegen, ist gar keine so schlechte Idee. Ich habe es gelb gemacht weil ich am anfang auch nur den Löwen hatte, und da wollte ich für die Leute die keine Bilder anzeigen von den Farben ähnlich machen. Das Problem wird dann aber sein dass es aussieht wie ein Loch da oben da die Hintergrundfarbe gleich mit der Logofarbe sein wird. Ob das aber so schlimm ist ... ich glaube nicht.

Dass Phänomen, ich bezeichne es einfach mal so, mit der <ol> hab ich unter IE5 Mac ebenfalls (siehe Posting vom Opera7-User). Die Zahlen werden in der Erstanzeige nur in der _unteren_ Hälfte angezeigt. Wenn ich dann aber manuell das Browserfenster skaliere, verändert sich dieser Effekt. Sind die Zahlen während des Skalierens im Fenster sichtbar, sind sie nach dem Skalieren _ganz_ zu sehen (also ohne Fehler), liegen sie ausserhalb, werden sie anschließend wieder nur teilweise sichtbar und auch jedesmal an anderen Stellen.

Bei diesen großen Zahlen in der <ol> sind sich die Browser übrigens gar nicht einig wie sie es darstellen sollen, da gibt es noch mehr Probleme.

Das mag durchaus an meiner IE-Version liegen, ich habe ein ähnliches Verhalten festgestellt, wie ich es manchmal bei <div>-containern habe. Hier wird mir manchmal die Scrollleiste vorenthalten, nach dem skalieren des Fensters ist sie wieder da. Also kurzum muss das nicht zwangsläufig an deinem Programmierstil liegen.

Benutzt du den IE 5.0? dann ist das mit dem breiten Fenster auch nachvollziehbar, wenn nicht welche Version benutzt du, und hast du JavaScript aktiviert oder deaktiviert?

Zum gekachelten Hintergrund kann ich mich meinen Vorrednern auch nur anschließen, find den auch ziemlich hässlich, aber wie gesagt, das ist künstlerische Freiheit ;)

Mittlerweile haben mehr leute gesagt dass er hässlich ist als das er schön ist. Ich wollte damit erreichen dass es so aussieht wie ein Zettel, der an einer Wand in einem älteren Haus mit schönen alten Tapeten hängt, angeleuchtet wird und gelesen werden kann.

Ansonsten sehr nett.

Freut mich zu hören.

Grüße
Jeena Paradies

[Tapir]

Ich würde - wenn Du die Kacheln beibehalten willst - die bgproperties=fixed machen, dann flimmert es einem beim scrollen nicht so die Netzhaut weg...  ;-)

Alles andere finde ich sehr schön.

[Jeena Paradies]

Hallo,

Ich würde - wenn Du die Kacheln beibehalten willst - die bgproperties=fixed machen, dann flimmert es einem beim scrollen nicht so die Netzhaut weg...  ;-)

Ich will das eigentlich nicht machen denn dann wird das scrollen viel langsamer so wie zum Beispiel auf http://alistapart.com und zweitens ist dann der Effekt der Tapete an der ein Zettel hängt weg wenn sich der Zettel auf der Wand bewegen kann.

Grüße
Jeena Paradies

[Michael Wronna]

hallo jeena,

deine seite gefaellt mir auch dehr gut. im speziellen
danke ich dir fuer den artikel, den du in deine signatur
verlinkt hast. ausserdem freue ich mich riesig darueber,
dass du das photo aus deiner signatur genommen hast :-)
(nicht boese gemeint). schoene grusse vom sonnigen
bodensee an das sicherlich auch sonnige bamberch,

michael

ss:) zu:) ls:& fo:) de:> va:) ch:? n4:& rl:? br:< js:| ie:% fl:{ mo:|

[Jeena Paradies]

Hallo,

deine seite gefaellt mir auch dehr gut. im speziellen
danke ich dir fuer den artikel, den du in deine signatur
verlinkt hast.

Welchen von beiden, den mit dem Kinderschlagen oder mit den geordneten Listen?

ausserdem freue ich mich riesig darueber,
dass du das photo aus deiner signatur genommen hast :-)
(nicht boese gemeint).

:)

schoene grusse vom sonnigen
bodensee an das sicherlich auch sonnige bamberch,

Hab heute schon ganz schön geschwitzt, als ich den Sand im Kindergarten aus dem Sandkasten in die Mulde geschaufelt habe, aber besser schwitzen als im Regen stehen :)

Grüße
Jeena Paradies

[Michael Wronna]

hallo jeena,

aha, also richtig koerperlich gearbeitet :-) ich habe mich
schon gewundert wo da abgblieben warst.

Welchen von beiden, den mit dem Kinderschlagen oder mit den
geordneten Listen?

eigentlich habe ich den mit dem kinderschlagen gemeint, der
mit den listen ist aber auch nicht allzu schlecht. so ich mache
nun auch feierabend, die sonne lacht, der biergarten ruft ;-)
erneute gruesse vom bodensee,

michael

ss:) zu:) ls:& fo:) de:> va:) ch:? n4:& rl:? br:< js:| ie:% fl:{ mo:|

[at]

Hallo.

Gleichzeitig habe ich eine Weblogsoftware geschrieben und die Seite neu strukturiert.

Ein Artikel über die Software würde mich interessieren.

Jetzt würde ich gerne euere Meinung hören, was ich noch verbessern könnte, oder was noch nicht so richtig funktioniert.

Einige Anmerkungen zu deinen inhaltlich wie gestalterisch wirklich sehr gelungenen Seiten:

• Die "Tapete", an der sich die anderen so reiben, empfinde ich als sehr angenehm. Aber sie passt nicht zu den Bildern. Ein Netzgiraffen- oder Leopardenfellmuster oder gern auch schillernde Fischschuppen wirkten in Bezug auf die Bannerfotos sicher homogener. Einziger Nachteil: Du bekommst sie nicht bei http://www.squidfingers.com/patterns/ ;-)
• Die grauen Streifen, die die Navigation und die Überschriften der Marginalienspalte enthalten, könnten lebhafter gestaltet werden. Gleiches gilt für die gestrichelten Linien, deren Farbe sich an einer der Farben der "Tapete" orientieren könnte.
• Die Verweise zu den Validatoren auf jeder einzelnen Seite solltest du dir sparen. -- Du wirst noch das Pagerank des W3C steigern ;-)
• Du solltest etwas an deinen schriftsprachlichen Fähigkeiten arbeiten. Insbesondere die Regeln zur Kommasetzung solltest du noch einmal überfliegen. Bei den permanenten Texten bin ich dir gern wieder behilflich.
  MfG, at

[Jeena Paradies]

Hallo,

Ein Artikel über die Software würde mich interessieren.

Ich denke es ist eine gute Idee. Ich schau mal zu dass ich so einen schreibe wenn ich Zeit habe.

• Die "Tapete", an der sich die anderen so reiben, empfinde ich als sehr angenehm. Aber sie passt nicht zu den Bildern. Ein Netzgiraffen- oder Leopardenfellmuster oder gern auch schillernde Fischschuppen wirkten in Bezug auf die Bannerfotos sicher homogener. Einziger Nachteil: Du bekommst sie nicht bei http://www.squidfingers.com/patterns/ ;-)

Ne so was hat er (noch) nicht :). Leider sind die Bilder immer noch ziemlich Inhaltslos im Bezug auf den Content. Ich habe zwar versucht mit den Bilder wenigstens ein bisschen Bezug zu nehmen aber meinen Gedankengang wird wohl auch keiner ohne eine Erklärung meinerseits verstehen.

Löwe (bei Webdesign und auf der Startseite) = Raubtier = Stark = Auf sein Ziel konzentriert (unbesiegbar?)
zwei Affen (bei Impressum) scheinen miteinander zu kommunizieren = Kommunikation mit mir
viele Gänse (bei Artikeln zu Gesellschaftlichen Themen) = Gruppe = Gesellschaft
Hund alleine = Auf sich gestellt

• Die grauen Streifen, die die Navigation und die Überschriften der Marginalienspalte enthalten, könnten lebhafter gestaltet werden. Gleiches gilt für die gestrichelten Linien, deren Farbe sich an einer der Farben der "Tapete" orientieren könnte.

Lebhafter. Schaden würde es auf jeden Fall nicht, aber wie ich das machen soll/kann da muss ich wohl noch überlegen.

• Die Verweise zu den Validatoren auf jeder einzelnen Seite solltest du dir sparen. -- Du wirst noch das Pagerank des W3C steigern ;-)

Stören die?

• Du solltest etwas an deinen schriftsprachlichen Fähigkeiten arbeiten. Insbesondere die Regeln zur Kommasetzung solltest du noch einmal überfliegen. Bei den permanenten Texten bin ich dir gern wieder behilflich.

Nun das ist ein Problem mit welchem ich wohl noch ein paar Jahre kämpfen werde, aber ich übe und werde immer besser. Früher hatte ich superviele Rechtschreibfehler in meinen Texten. Mittlerweile lasse ich (zumindest die großen) die Texte von meiner Frau gegenlesen. Am Anfang hatte sie auch viel zu tun und ich musste viel Korrigieren. Mittlerweile sind viel weniger Rechtschreibfehler drin, und nun sagt sie das gleiche wie du dass ich das mit den Kommas verbessern muss. Ich bin aber zuversichtlich :) Und Übung macht den Meister!

Grüße
Jeena Paradies

[at]

Hallo.

Leider sind die Bilder immer noch ziemlich Inhaltslos im Bezug auf den Content. Ich habe zwar versucht mit den Bilder wenigstens ein bisschen Bezug zu nehmen aber meinen Gedankengang wird wohl auch keiner ohne eine Erklärung meinerseits verstehen.

Du solltest dein Publikum nicht unterschätzen :-)

• Die grauen Streifen, die die Navigation und die Überschriften der Marginalienspalte enthalten, könnten lebhafter gestaltet werden. Gleiches gilt für die gestrichelten Linien, deren Farbe sich an einer der Farben der "Tapete" orientieren könnte.
  Lebhafter. Schaden würde es auf jeden Fall nicht, aber wie ich das machen soll/kann da muss ich wohl noch überlegen.

Ein Hintergrundbild statt einer farbigen Fläche dürfte da schon genügen.

• Die Verweise zu den Validatoren auf jeder einzelnen Seite solltest du dir sparen. -- Du wirst noch das Pagerank des W3C steigern ;-)
  Stören die?

Würden dich nummernschild-große TÜV- und ASU- oder Maut-Plaketten stören? -- Du räumst einfach einer Sache, die andere als nebensächlich und du als selbstverständlich erachten, sehr großen Stellenwert ein, indem du die Verweise auf alen Seiten plazierst.

Früher hatte ich superviele Rechtschreibfehler in meinen Texten. Mittlerweile lasse ich (zumindest die großen) die Texte von meiner Frau gegenlesen. Am Anfang hatte sie auch viel zu tun und ich musste viel Korrigieren. Mittlerweile sind viel weniger Rechtschreibfehler drin, und nun sagt sie das gleiche wie du dass ich das mit den Kommas verbessern muss. Ich bin aber zuversichtlich :) Und Übung macht den Meister!

Das ist die richtige Einstellung :-)
MfG, at

[Jeena Paradies]

Hallo,

Du solltest dein Publikum nicht unterschätzen :-)

OK werde ich mir merken :)

Ein Hintergrundbild statt einer farbigen Fläche dürfte da schon genügen.

Ein Hintergrundbild welches dann bei größerer Schrift immer noch gut aussieht, und der Text drüber immer lesbar ist. Gar keine so leichte Aufgabe für einen der Grafisch es nicht wirklich drauf hat :)

Würden dich nummernschild-große TÜV- und ASU- oder Maut-Plaketten stören? -- Du räumst einfach einer Sache, die andere als nebensächlich und du als selbstverständlich erachten, sehr großen Stellenwert ein, indem du die Verweise auf alen Seiten plazierst.

Und das sagst du mir gerade jetzt wo ich http://validator.w3.org/check/referer für mich entdeckt habe der es mir erlaubt ohne nachzudenken einen Link zum validieren auf die Seite zu plazieren...? Gut du hast Recht ich werde es entfernen.

Grüße
Jeena Paradies