usa-reise.de Forum

Autor Thema: Neue Website - Layout? Design? Fehler?  (Gelesen 3719 mal)

0 Mitglieder und 5 Gäste betrachten dieses Thema.

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #15 am: 13.05.2008, 22:51 Uhr »
Der andere Fehler.... das sieht man, wenn man einen anderen Browser testet.  :wink:

Das scheint in der Tat ein Fehler zu sein - allerdings nicht ein Seitenfehler, sondern ein Browserfehler. Safari zieht ohne Not die Begriffe seltsam weit auseinander und erzeugt dadurch einen unschönen Zeilenumbruch.

Der Quellcode liefert keinen Anhaltspunkt für dieses Verhalten und auf allen anderen Browsern tritt dieser Effekt nicht auf.

Grüße
Rainer

McC

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #16 am: 13.05.2008, 22:55 Uhr »
Das scheint in der Tat ein Fehler zu sein - allerdings nicht ein Seitenfehler, sondern ein Browserfehler. Safari zieht ohne Not die Begriffe seltsam weit auseinander und erzeugt dadurch einen unschönen Zeilenumbruch.

Nun ja... Camino zeigt den gleichen Fehler.

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #17 am: 13.05.2008, 22:58 Uhr »
Breitbildmonitore am PC halte ich persönlich übrigens für überflüssigen Schnackschnick ... oder so ähnlich. Braucht IMHO kein Mensch, da der Trend eigentlich zu immer handlicheren und kleineren Geräten geht.

Ich dachte immer, ein "Trend" ist das, was am meisten verkauft wird. Am meisten verkauft werden Breitbildmonitore (22 Zoll ist momentan der meistverkaufte, aber 24 Zoll und mehr ist stark im Kommen), nicht nur als standalone Monitore, sondern auch bei Notebooks. Und selbst Apple verkauft so gut wie nur noch Breitbildmonitore.

Das ist nun einmal der Trend, unabhängig davon, ob Du lieber ins Kino gehst.

Grüße
Rainer

nordlicht

  • Platin Member
  • *****
  • Beiträge: 1.915
    • - simply gorgeous -
Re: Neue Website - Layout? Design? Fehler?
« Antwort #18 am: 13.05.2008, 23:00 Uhr »
Und einige nutzen den Rechner ja auch als Kino.

McC

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #19 am: 13.05.2008, 23:02 Uhr »
Ich dachte immer, ein "Trend" ist das, was am meisten verkauft wird. Am meisten verkauft werden Breitbildmonitore (22 Zoll ist momentan der meistverkaufte, aber 24 Zoll und mehr ist stark im Kommen), nicht nur als standalone Monitore, sondern auch bei Notebooks. Und selbst Apple verkauft so gut wie nur noch Breitbildmonitore.

so isses... man braucht sich nur mal die LCD Fernseher ansehen... 90% sind 16:9 Breitbildformat. Dieses Format setzt sich auch bei den PC Displays durch.

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #20 am: 13.05.2008, 23:04 Uhr »
Nun ja... Camino zeigt den gleichen Fehler.

Das macht es aber nicht besser. Ich kann nicht erkennen, warum die Browser das machen. Ich denke, es ist ein Problem in der CSS-Engine.

Sollte man vielleicht mal an Apple mailen.

Grüße
Rainer

In-Tim

  • Platin Member
  • *****
  • Beiträge: 1.987
Re: Neue Website - Layout? Design? Fehler?
« Antwort #21 am: 13.05.2008, 23:50 Uhr »
Ich bin ja sehr erstaunt auf was ihr alles achtet. Ich verstehe mich zwar im Website-Coding und habe meine Seiten in den letzten 10 Jahren immer selbst gecodet. Diesmal benutze ich ein CMS und ein schon halb vorgefertigtes Template. Ich hätte wirklich nicht erwartet, dass euch Meta-Tags, Layout und W3C-Compliance interessieren. Aber um so besser.
Mir sind die Probleme bekannt, sind aber erstmal zweitrangig. Einige Fehler die der Validator anzeigt sind aber in der Tat auf mich zurückzuführen, da ich den Code etwas abgespeckt habe (u.A. Alt-Tags).

Ich habe ein Template aus der Joomla-Datenbank verwendet. Es arbeitet mit Tabellen, damit habe ich aber kein Problem. Tabellen waren jahrelang der Standard für die Gestaltung und entsprechend stellt sie jeder Browser mehr oder weniger gleich dar. Solange es überall klappt, und das scheint der Fall zu sein, sehe ich keinen Veränderungsbedarf. An der Tabelleninterpretation der Browser wird sich in den nächsten Jahren ja wohl nichts verändern.

Die Art des Layouts ist natürlich eine Stilfrage und immer mit Kompromissen behaftet. Ein statisches, 800px breites Layout ist einfach am einfachsten zu gestalten. Wäre es dynamisch in der Breite würden sich gleich ein ganzer Haufen Gestaltungsprobleme ergeben. So mache ich es mir einfach und setze es in die Mitte. Klar füllt das einen 22" Breitbild nicht gut aus. Allerdings verstehe ich auch nicht den Nutzen eines solchen Monitors für's Internet. Alle die ich kenne nutzen das Gerät um zwei Fenster nebeneinander anzuzeigen. Und dafür macht es auch Sinn. Eine wirklich Breitbild-orientierte Internetseite müsste man ganz anders aufbauen und den Text spaltenweise gliedern um die Übersichtlichkeit zu bewahren.

Ich kann die Seite natürlich auch verbreitern und für Auflösungen ab 1024 optimieren. Das ist zwar Standard, aber noch lange nicht überall angekommen.

Hallo,
wenn wir schon bei Schreib- und sprachlichen Fehlern sind:

"Diese Webseite befasst sich mit dem liebsten aller meiner Beschäftigungen,"

Willst Du das:
"Ich bin am 11.06.1986 geboren und dem entsprechend 21 Jahre alt."
jährlich ändern (bzw. erstmals schon in vier Wochen)?

1. Ja, da steckt der Wurm drin. Es war schon so gemeint wie es da steht (Natürlich mit großem L). Nur stimmt der Text danach nicht. Den Außer dem Reisen mag ich natürlich auch das Fotografieren. also müsste es wieder heißen:  "den liebsten" statt "dem Liebsten" :roll:

2. Das muss ich nicht ändern, dafür habe ich ein Script geschrieben und dynamisch eingebunden, dass mein Alter auch über meinen Tod hinaus errechnet  :lol:

Text ist schwer zu lesen... größerer Zeilenfall würde Abhilfe schaffen.
dann noch das:


Ok, also dieser Fehler wie im Bild kommt von der Schriftgröße. Beim Iexplore und Firefox unter Windows konnte ich das nicht beobachten. Die Schriftarten unter Macintosh? oder Linux? scheinen größer dargestellt zu werden. Ich habe die Menüschriftgröße mal um 1px verkleinert.

Die Zeilenhöhe habe ich mal auf 1.4em vergrößert. Ich hoffe so ist es besser zu lesen.

Text sollte mittig in den Buttons stehen...


Erledigt.


Einige hübsche Bilder hast du übrigens online, der Bald Eagle hat ja fast schon Wallpaper-Format  :applaus: Vielleicht solltest du aber mal drüber nachdenken, die Lightbox-Bilder etwas zu verkleinern ... nicht jeder hat einen 19" Monitor und auf einem 15"-Lappi zum Beispiel nervt es ungemein wenn man die Bilder hin - und herscrollen muss.

Ja, da habe ich einfach mal ein paar Bilder hochgeladen. Die hinteren zeigen eher die Größe wie sie sein sollen. Außerdem kommt natürlich ein eine XML-Datei mit korrekten Beschreibungen und Tags der Bilder in die Galerie-Ordner. (Bei mir auf dem 14" Lappi übrigens höhere Auflösung als 19" Monitor)
Mir geht das resizen aber eigentlich ziemlich auf den Keks. Kennt nicht jemand ein Tool, dass die Bilder automatisch beim Upload resized und evtl. sogar Exif-Daten in eine XML-Datei schreiben kann?
Ok, aber manuell bearbeiten muss ich sie ja eigentlich eh wegen Rahmen und Wasserzeichen/Copyright.


Die Shout-Box wurde nun auch entjungfert und scheint zu funktionieren.
07-10 | 30 US-States; EU,NO,SE,MK
11-13 | SE,NO,DK,FR,SP | AU,TH,SGP,SA,IN,IDN,VAE | USA:CA,AZ
2014 | UK,SP,MK,AT,CH | VAE,MA,IDN,RU | USA:WA,OR,CA,NV,AZ;
2015 | EU,BY | USA:NY,DC,CA,NV,UT,ME,NH,VT,RI,CT,NJ | CAN:QC,NB

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #22 am: 14.05.2008, 00:45 Uhr »
Ok, also dieser Fehler wie im Bild kommt von der Schriftgröße.

Das denke ich nicht, wenn überhaupt dann sekundär. Primär fällt mir auf, dass die Leerstellen viel zu weitläufig sind und es macht den Anschein, als wolle der Browser dort einen Blocksatz realisieren (align justify). Aber warum?

Im Text links daneben ist Blocksatz als Attribut gesetzt - ist es evtl. möglich, dass durch unglückliche Verschachtelung dieses Attribut ungewollt auf das Menu rechts daneben vererbt wird? Das wäre meine Vermutung, ich kann es aber am Quellcode nicht nachvollziehen.

Möglicherweise ist es die Kombination von zu großer Schrift, zu wenig Platz und ungewolltem Blocksatzattribut.

Grüße
Rainer

P.S.:
>Klar füllt das einen 22" Breitbild nicht gut aus.

Das ist nicht das Problem - mein Notebook ist das Problem. Kein(!) 22 Zöller, sondern 14,4 Zoll. Aber, wie die meisten Notebooks, mit breitem Monitor, Auflösung 1280x800. Da sind die "Ränder" links und rechts mächtig dick.

In-Tim

  • Platin Member
  • *****
  • Beiträge: 1.987
Re: Neue Website - Layout? Design? Fehler?
« Antwort #23 am: 14.05.2008, 00:49 Uhr »
Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle. Das ist aber nicht das Problem. Es ist nur so, dass der ganze Text "USA California & Canyons" nicht in die 190 Pixel breite Spalte passt. Dadurch ergibt sich ein Zeilenumbruch und in Folge dessen der Blocksatz.

Im Quellcode kannst du das ja auch nicht finden, nur in der CSS-Datei.

Ach ja, nicht wundern, wenn die Seite jetzt etwas verzerrt ist, ich bin am rumbasteln.
€: Ich habe das Layout mal 900px breit gemacht. Fazit: Sieht einfach schrecklich aus.. Viel zu breit. Habe es wieder zurückgesetzt.

Mit meinen 1280x1024 am Monitor habe ich keine Probleme, sieht gut aus so. Auch mit den 1400x1050 schaut es vernünftig aus. Breitbild ist ein Problem. "Panorama" ist gut zum Filme gucken oder auch Bilder. Und bei hochauflösenden Monitoren gut um zwei Hochkant-Fenster nebeneinander anzuzeigen. In einem breiten Bild verliert sich das Auge. Das ist bei Bilddarstellungen erwünscht, denn man soll ja den Eindruck eines großen Bildes haben in dem man mit den Augen wandern kann. Bei Texten ist dies aber katastrophal, da es den Überblick zerstört. Dort will das Auge möglichst viel überblicken, schließlich überfliegt man den Text ja und liest ihn nicht Buchstabe für Buchstabe. Nicht umsonst werden alle gängigen Print-Medien hochkant gedruckt.

Das bezieht sich jetzt weniger auf kleine NB-Displays. Aber bei einem 24"er komme ich mit einem voll geöffneten Browser-Fenster nicht zurecht wenn ich mit Seiten mit viel Text anschaue. Wenn man den Faden verliert muss man ganz am Anfang der Zeile wieder anfangen (wenn man sie den sofort findet). Und so eine Zeile ist da dann seeehr lang..
07-10 | 30 US-States; EU,NO,SE,MK
11-13 | SE,NO,DK,FR,SP | AU,TH,SGP,SA,IN,IDN,VAE | USA:CA,AZ
2014 | UK,SP,MK,AT,CH | VAE,MA,IDN,RU | USA:WA,OR,CA,NV,AZ;
2015 | EU,BY | USA:NY,DC,CA,NV,UT,ME,NH,VT,RI,CT,NJ | CAN:QC,NB

mrh400

  • Diamond Member
  • *****
  • Beiträge: 15.759
  • work is the curse of the drinking classes -O.Wilde
Re: Neue Website - Layout? Design? Fehler?
« Antwort #24 am: 14.05.2008, 09:13 Uhr »
Hallo,
Hallo,
wenn wir schon bei Schreib- und sprachlichen Fehlern sind:

"Diese Webseite befasst sich mit dem liebsten aller meiner Beschäftigungen,"
...

1. Ja, da steckt der Wurm drin. Es war schon so gemeint wie es da steht (Natürlich mit großem L). Nur stimmt der Text danach nicht. Den Außer dem Reisen mag ich natürlich auch das Fotografieren. also müsste es wieder heißen:  "den liebsten" statt "dem Liebsten" :roll:
...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen," (mit kleinem "l"); die jetzt gewählte Form mag zwar grammatikalisch auch denkbar sein, aber ich stolpere drüber. Aber vielleicht haben wir ja auch ein paar Germanisten unter uns, die dieses schwerwiegende Problem  :wink: professionell lösen können...
Gruß
mrh400

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #25 am: 14.05.2008, 12:29 Uhr »
...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen,"

Selbstverständlich.

Denkbar wäre allenfalls noch "den liebsten ..." (Mehrzahl), aber "dem liebsten ..." ist hier definitiv falsch.

Es wird auch "liebsten" klein geschrieben, substantivierte Adjektive werden (ohnehin nur nach neuer Rechtschreibung) nur dann groß geschrieben, wenn es sich um Ordinalzahlen oder unbestimmte Zählwörter handelt ("die Letzte").

Grüße
Rainer

Jack Black

  • Gast
Re: Neue Website - Layout? Design? Fehler?
« Antwort #26 am: 14.05.2008, 12:38 Uhr »
Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle.

Warum? Das würde ich nicht tun, denn es ist ja auch nicht gewollt, der Text im Menu soll doch linksbündig stehen.


Im Quellcode kannst du das ja auch nicht finden, nur in der CSS-Datei.

Ja, so doof bin ich auch nicht, selbstverständlich habe ich mir die CSS-Dateien auch runtergeladen und studiert. Aber dennoch sehe ich nicht, wodurch der Blocksatz auf das Menu vererbt wird.

Mit meinen 1280x1024 am Monitor habe ich keine Probleme, sieht gut aus so.

Das ist bei meinem 19-Zöller auf dem Schreibtisch identisch. Das ist ja auch ein Seitenverhältnis von 5:4.

Aber der Trend geht eben ganz klar in Richtung Breitbildmonitore (es werden kaum noch andere verkauft), deswegen finde ich den anderen Trend (von Joomla etc.) "anachronistisch", denn es wird diesen Monitoren nicht gerecht.

Aber bei einem 24"er komme ich mit einem voll geöffneten Browser-Fenster nicht zurecht wenn ich mit Seiten mit viel Text anschaue. Wenn man den Faden verliert muss man ganz am Anfang der Zeile wieder anfangen (wenn man sie den sofort findet). Und so eine Zeile ist da dann seeehr lang..

Deswegen gibt es im neuen Standard CSS4 endlich auch echte Spalten (wie in Textverarbeitungsprogrammen), und manche Browser unterstützen es auch schon (wobei ich nicht auswendig weiß, welche es sind). Wenn ich Lust dazu habe, werde ich da mal forschen gehen, wie weit der Entwicklungsstand ist und wie das unterstützt wird. Denn das halte ich persönlich für ein sehr wichtiges Attribut, damit endlich Fließtext in Spalten dargestellt werden kann (wie in Zeitungen usw.).

Grüße
Rainer

In-Tim

  • Platin Member
  • *****
  • Beiträge: 1.987
Re: Neue Website - Layout? Design? Fehler?
« Antwort #27 am: 14.05.2008, 16:14 Uhr »
Deswegen gibt es im neuen Standard CSS4 endlich auch echte Spalten (wie in Textverarbeitungsprogrammen), und manche Browser unterstützen es auch schon (wobei ich nicht auswendig weiß, welche es sind). Wenn ich Lust dazu habe, werde ich da mal forschen gehen, wie weit der Entwicklungsstand ist und wie das unterstützt wird. Denn das halte ich persönlich für ein sehr wichtiges Attribut, damit endlich Fließtext in Spalten dargestellt werden kann (wie in Zeitungen usw.).

Grüße
Rainer

Was dann natürlich richtig schön kompatibel mit älteren Browser ist. Aber genau das wird auf immer höher auflösenden Bildschirmen gebraucht.

Ein Breitbild-Template ist mit Joomla natürlich auch möglich. Wenn es unausweichlich wird werde ich halt mal eins entwerfen. Im Moment machen da ja nichtmal die großen Seten (spiegel.de, welt.de, heute.de, focus.de, faz.de, nytimes.com). Alle die mir so einfielen haben ein auf 1024px festgelegtes Layout. Ist zwar breiter als meins, aber für Werbung kann man die Seiten immer noch nutzen ^^

...dennoch sagt mir mein Sprachgefühl "Diese Webseite befasst sich mit der liebsten aller meiner Beschäftigungen,"

Selbstverständlich.

Denkbar wäre allenfalls noch "den liebsten ..." (Mehrzahl), aber "dem liebsten ..." ist hier definitiv falsch.

Es wird auch "liebsten" klein geschrieben, substantivierte Adjektive werden (ohnehin nur nach neuer Rechtschreibung) nur dann groß geschrieben, wenn es sich um Ordinalzahlen oder unbestimmte Zählwörter handelt ("die Letzte").

Grüße
Rainer

Was natürlich auch richtig ist. Klar. :D


Das ist Blocksatz, korrekt. Wird halt vererbt vom CSS-Attribut für die Tabelle.

Warum? Das würde ich nicht tun, denn es ist ja auch nicht gewollt, der Text im Menu soll doch linksbündig stehen.

Das kommt meine Meinung nach hiervon:
.td, tr, p, div {... text-align:justify; ... }Ich habe das jetzt mal in die Klasse mainlevel ein "text-align:left;" und  "white-space:nowrap" reingeschrieben. Damit ist das weg.

Den Fehler kann man übrigens gut mit einer Vergrößerung der Schriftdarstellung nachvollziehen [STRG, +]
07-10 | 30 US-States; EU,NO,SE,MK
11-13 | SE,NO,DK,FR,SP | AU,TH,SGP,SA,IN,IDN,VAE | USA:CA,AZ
2014 | UK,SP,MK,AT,CH | VAE,MA,IDN,RU | USA:WA,OR,CA,NV,AZ;
2015 | EU,BY | USA:NY,DC,CA,NV,UT,ME,NH,VT,RI,CT,NJ | CAN:QC,NB

In-Tim

  • Platin Member
  • *****
  • Beiträge: 1.987
Re: Neue Website - Layout? Design? Fehler?
« Antwort #28 am: 12.07.2008, 23:29 Uhr »
Hallo Jungs!

Ich habe mir eure Ratschläge zu Herzen genommen und die Seite aufbauend auf einem anderen Template grundlegend neu gestaltet.

Die Seite ist nun:
  • Hauptsächlich auf Layern (div-Tags) aufgebaut
  • dynamisch in der Breite, optimal von 1024 bis 1600
  • zwei- oder mehrsprachig, sofern ich den Content übersetze

http://test.angsthase.info/

Mit der Zeit werde ich noch die Codefehler rausschreiben, denn aktuell scheint es auf allen Browsern zu laufen.
07-10 | 30 US-States; EU,NO,SE,MK
11-13 | SE,NO,DK,FR,SP | AU,TH,SGP,SA,IN,IDN,VAE | USA:CA,AZ
2014 | UK,SP,MK,AT,CH | VAE,MA,IDN,RU | USA:WA,OR,CA,NV,AZ;
2015 | EU,BY | USA:NY,DC,CA,NV,UT,ME,NH,VT,RI,CT,NJ | CAN:QC,NB