Druckversion des Themas

Geschrieben von: spezies-8472 14.05.2008 - 22:18

Hallo, hier ist der "Neue"...
und wie könnte es anders sein - ich hätte da gerne auch mal ein Problem!

Für meine Frau habe ich folgende Seite gebaut und gestaltet:

http://www.amira-almaas.de

Dabei habe ich versucht (außer auf der Startseite und einer weiteren Unterseite) komplett auf Tabellen als Mittel zur Seitenaufteilung zu verzichten.
Meine Probleme sind nun folgende - nach vielen Versuchen und endlosem ausprobieren habe ich es irgendwie geschafft, die Seiten im IE (6 & 7 zumindest), sowie Firefox halbwegs gleich aussehen zu lassen. Dabei musste ich auf der Unterseite "Referenzen & Links" schon einige Kopfstände machen, damit im zentralen Bereich die Referenzen dargestellt werden und im rechten Randbereich die Links wie in einer Spalte einer Tabelle nach unten positioniert sind und das auch noch UNTER dem Bild, welches EIGENTLICH auf allen Unterseiten an der gleichen Stelle stehen sollte. Sollte, da der IE es minimal verschiebt und Sollte, weil ich dank der Sonderbehandlung dieser Seite ein größeres Bild benutzen musste - warum ist mir allerdings unklar geblieben...

Frage 1. gibt es eine einfachere Variante, als meine, 3 Bereiche nebeneinander zu positionieren, dass sie sich NICHT gegenseitig beeinflussen? Dabei soll aber das Menü auf der linken Seite fixiert sein, während der Hintergrund darunter hinwegscrollen darf (soll)
Aber es wäre noch schöner, wenn man in dieser Spalte trotzdem auch weiteren Text oder ggf. Bilder unterbringen könnte bei Bedarf - habe ich aktuell GAR NICHT geschafft.
Wichtig wäre mir auch, dass bspw. das Bild rechts bei nur 2-spaltiger Nutzung der Seite vom Text umflossen werden soll, bei 3 Spalten ist es einfach nur die obere Grenze der 3. Spalte für folgenden Text.
Wie sieht die Seite aber überhaupt in anderen Browsern aus? Opera, Konquerer (oder wie er sich schreibt) und anderen Linux- und alternativen Browsern???

Frage 2. ist die Seite aktuell in HTML 4.01 transitional geschrieben - um moderner zu sein, wäre es vielleicht sinnvoll(?), sie auf XHTML umzustellen?? Allerdings geht das bei mir völlig schief. Da verschiebt sich das Menü bei der Darstellung im IE und dem FF ziemlich deutlich - entweder schaffe ich es, das Menü für den FF ordentlich zu positionieren, oder aber für den IE (7) - beides klappt nicht

Frage 3. unterstützt phase 5 irgendwie das Erstellen und positionieren von solchen "Containern"? Habe dazu noch nichts finden können.

Reicht das erstmal?

Geschrieben von: Peter Gedamke 15.05.2008 - 10:31

hallo,

also mal - du schreibst deine Seiten zwar in
HTML 4.01 Transitional
fügst aber dennoch xHTML wie <br /> <hr id="r1" /> dort min ein

HTML 4.01 / bald kommt HTML 5 / finde ich schon ganz OK, und kann echt nicht nachvollziehen, was an xHTML 'moderner' sein sollte. Viele Professionals umgehen dieses beflissentlich, und geben auch dem zukünftigen (etwa ab 2010) xHTML 2 keine besseren Aussichten.

kannst du doch ganz einfach feststellen - so ist bei mir zur festen Gewohnheit geworden - dir mal die gängigsten Browser wie
Opera
IE 7
Firefox
Safira
zu installieren, um ein eventuelles 'Desaster' im Vorab erkennen und beheben zu können


Phase5 'unterstützt' dich wohl darin einen <div-Tag einfügen zu können, aber die welcher Art diese sein sollen, bzw. auch die Positionierungen usw. kann dir doch kein Programm abnehmen - diese Eingaben müssen schon von dir selbst kommen *g

Geschrieben von: Auge 17.05.2008 - 20:28

Solange eine Website nur eine Website sein soll, lohnt sich der Wechsel zu XHTML nicht. Deshalb, und weil der MSIE XHTML nicht als XML-Dokument lesen kann, erfolgt er auch so zögerlich. Werden andere XML-Dialekte in eine Website eingebunden (z.B. MathML oder SVG) oder das XHTML per XSLT aus anderen XML-Dateien generiert, dann ist XHTML die Sprache der Wahl.


Kurze Anmerkung: Mit Safira sollte wohl Apples Safari gemeint sein. :-)

Tschö, Auge

Geschrieben von: Peter Gedamke 18.05.2008 - 11:29

oh - sorry,

ja na klar - obwohl ich den zwar für ein 'Stiefkind' halte, der auch in neuester Version 3.1.1 immer noch nicht das kann, was man so versprochen und sich vorgestellt hat, aber zum Vergleich mal ganz interessant.

Allerdings
glaube ich kaum, dass sich irgend ein Pagle'bauer' - hinsichtlich des absolut geringen Marktanteils - einen grossen Kopp um das Ding zu machen braucht

Geschrieben von: Auge 18.05.2008 - 15:24

Mit der Argumentation kannste auch den Opera weglassen, da der einen noch geringeren Marktanteil als Safari und die Browser, die ebenfalls Webkit als Engine benutzen (z.B. Konqueror, wenn ich nicht irre), hat.

Zumal mit der in den nächsten Jahren zu erwartenden Zunahme von Zugriffen auf's Netz über Mobilgeräte auch die Relevanz von Safari bzw. Webkit steigen wird. Diese Engine macht nämlich dem auf Mobilgeräten durchaus verbreiteten Opera mittlererweile Konkurrenz. Und dies nicht nur als Safari auf dem iPhone.

Klar ist das für einen Bastler, der nur seine private Seite pflegen will, unerheblich. Für jemanden, der das als Sprungbrett in die (Semi-)Professionalität nutzen will, jedoch nicht.

Tschö, Auge

Geschrieben von: spezies-8472 18.05.2008 - 23:46

Also ins (Semi)-Professionelle Lager aufsteigen werde ich eher nicht, dafür fehlt mir die Ausbildung und auch die Zeit und die Ressourcen - allerdings möchte ich trotzdem so ordentliche und HTML-technisch korrekte Seiten erstellen, wie möglich, da es sich hierbei ja doch nicht mehr nur um Hobbyseiten handelt, sondern schon die Seiten richtiger Tänzerinnen und Studios handelt.
Daher bin ich natürlich bestrebt, deren Wünsche umzusetzen, aber der eigene Ehrgeiz drängt mich auch dazu, den dahinter stehenden Code zu optimieren...

Also würde ich eben gerne die Seite modern aufbauen, also wenn es möglich ist, OHNE Frames und mit so wenigen Tabellen wie möglich, aber das schaffe ich eben dank zahlloser dazu nötiger Hacks, Browserweichen usw. nicht... - siehe fehlendes Wissen auf dem Gebiet, was man sich auch meiner Ansicht nach nur bedingt umfassend im Selbstudium aneignen kann. Ok, viele können das, aber ich habe dazu vielleicht ne Gehirnwindung zu wenig - ich brauche ab und an jemanden, der mir auch praktisch mal behilflich ist und den gibts zur Zeit einfach nicht...

Und des Weiteren würde ich auch gerne die Seiten in ein CMS einpflegen, aber die jetzt bestehenden Seiten eben - und davon habe ich nun gar keine Ahnung - ergo: ich wusele mich so durch und versuche wenigstens im FF, IE6 & 7 die Seiten halbwegs gleich aussehen zu lassen und dabei halbwegs sauberes HTML zu verwenden...

Geschrieben von: Peter Gedamke 19.05.2008 - 12:38

vom Prinzip her genügt das eigentlich doch auch schon - aber mich interessiert es halt dennoch, wie's in den - wie hier ganz richtig gepostet - wohl für immer unbedeutenden Browsertypen wie Safari oder auch, ganz klar, dem OPERA aussieht.
Vielleicht ein bischen 'überpingelig', aber who cares

Grosse Rücksichten nehme ich da soweit eh nicht, gleich wie es mir Wurscht ist, wie meine Seiten in echten Mumien-Browsern zur Ansicht kommen.
Wer eben meint, immer noch mit FF 1x, IE5 oder dem wohl nur zu berühmt berüchtigten Netscape 4 in's Netz gehen zu müssen, hat dann eben, abgesehen von den Sicherheitsrisiken, Pech gehabt, wenn er nicht alle Einbindungen meiner Sites auch geniessen kann

Geschrieben von: spezies-8472 19.05.2008 - 13:45

Interessieren tut es mich natürlich auch, aber andererseits dann dafür noch mehr Programme installieren...??!!
Könnte man sicherlich tun, aber wo ist dann die Grenze? Und für diese Browser dann auch noch optimieren - vermutlich muss man dann letztendlich entweder ne Flash-Seite bauen, oder auch nahezu alle moderneren Gestaltungselemente verzichten, wenn man ohne zig Hacks & Weichen auskommen will...

warum ich bspw <br /> verwendet habe? Um ggf. nicht allzuviel Aufwand zu haben, sollte ich mal offiziell auf XHTML umstellen...
Allerdings weiß ich halt nicht, wie relevant XHTML nun tatsächlich ist - der Aussage von "Auge" entnehme ich allerdings, dass es für meine paar Seiten eher überflüssig wäre?!?

Geschrieben von: Peter Gedamke 19.05.2008 - 14:22

zu 1.) ich gehe einfach davon aus, dass, habe ich meine Seiten für diese 4 Browser angepasst - und ich benötige dafür nicht einen einzigen Hack oder Weichen!!! - dann werden sie sicher für alle übrigen auch passen *lol*
Mit Flash hat das alles nun absolut keinen Zusammenhang!

zu 2.) diesen Punkt kannst du dir ebenfalls ersparen, denn viele Tidy-Programme, wie etwa auch das FF Add-on http://www.erweiterungen.de/detail/HTML_Validator/, bieten bei einer Bereinigung an, diese auch als xHTML-formatiert vorzunehmen.

Geschrieben von: spezies-8472 19.05.2008 - 14:30

Also bei meiner o.g. Seite komme ich OHNE IE-"Hack", bzw. abweichende CSS-Formatierung nicht aus, weil er sonst einfach die Seiten nicht so darstellt, wie ich es gerne möchte - wenn ich meine Seiten aber komplett in Flash erstellen würde, müßte jeder Browser natürlich "nur" das Plugin laden und schon sähen alle Seiten gleich aus - gehe ich jedenfalls mal von aus - aber wie das mit dem Finden in Suchmaschinen dann ist, ist ja bekannt... Ist also nicht mein Ziel, dieser Weg... Das meinte ich betr. Flash


Damit habe ich noch nicht gearbeitet, hatte bisher nur den HTML-Check von Homesite und das zeigt mir - soweit mir bekannt ist - nur die Fehler an, korrigiert aber nix und stellt auch nicht automatisch um. Oder ich kenne diese Funktion noch nicht.

Geschrieben von: Peter Gedamke 19.05.2008 - 14:34

mag so sein, aber in den von mir benannten Anwendungen werden dir gleich in einem zweiten Reiter die Korrekturen angeboten

Geschrieben von: Auge 25.05.2008 - 0:02

Grundsätzlich gilt, dass man nicht für einen/einige Browser optimieren soll. HTML ist eine Sprache, mit der man die Struktur eines Dokuments (um mal vom Begriff Datei wegzukommen) beschreibt. So, wie man z.B. einer Programmdokumentation in Word oder was auch immer eine Struktur, die sich im Inhaltsverzeichnis widerspiegelt, gibt, sollte man das -an die Erfordernisse angepasst, auch in einem HTML-Dokument tun.

Eine Überschrift ist eine Überschrift, eine Liste ist eine Liste und so weiter. Für alle diese (wenn auch nicht für alle möglichen) Fälle gibt es entsprechende Elemente in HTML. Wenn man den Inhalt seines Dokuments entsprechend ausgezeichnet hat, hat man den ersten Schritt getan. Das Ergebnis kann jedes Anzeigeprogramm (da gibt es ja einige mehr als nur die grafischen Browser, auch wenn diese einen verschwindend geringen Marktanteil haben) für HTML darstellen.

Danach ist die Zeit gekommen, dem Dokument per CSS das gewünschte Aussehen zu verpassen. Allerdings geht in einem Browser einerseits nicht alles, was man z.B. aus dem Printbereich kennt (1), andererseits, und das wurde ja schon erwähnt, muss man sich mit den unterschiedlichen Fähigkeiten der Browser bezüglich CSS herumschlagen (2).

1. HTML ist dafür gedacht, mit verschiedenartigsten Programmen angezeigt zu werden. Da gibt es die allseits bekannten grafischen Browser, Nurtextbrowser, in denen eine Seite aussieht, wie auf einer Kommandozeile ("DOS-Box", "Konsole"; je nach OS), Vorleseprogramme, Braillezeilen, Browser auf kleinen Bildschirmen von Funktelefonen oder PDAs etc. pp.. Nicht alle Geräte sind für alle Seiten relevant, aber die Aufzählung soll verdeutlichen, dass HTML bzw. dessen Anzeige bewusst flexibel sein soll. Du bist als Autor einer Seite schließlich bei einem Besucher zu Gast und weißt nichts über sein Aussgabeprogramm, über eine eventuelle Browserfenstergröße, ob in dem Browserfenster, wenn es denn eines ist, vielleicht eine Sidebar angezeigt wird, die den Anzeigebereich zusätzlich schmälert, ob die referenzierten Grafiken tatsächlich angezeigt werden, und, und, und.

2. Zu all dem eben genannten autorenseitigen "Ungemach" kommt noch dazu, dass verschiedene Browser verschiedene CSS-(Un)Fähigkeiten haben. Man kann natürlich (partiell CSS-fähige) Uraltbrowser (die, die Peter ansprach) aktiv von den Segnungen von CSS ausschließen oder einfach ignorieren, dass es sie noch gibt. Wenn es denn technisch möglich ist, sollte man Ersteres tun. Zudem sollte man es sich der Einfachheit halber nicht zum Ziel machen, dass eine Seite überall pixelgenau identisch aussieht. Das erspart einem jede Menge Frustrationen.

Klar soll sie, die Seite, überall wiedererkennbar sein, aber ob jemanden, der beispielsweise den Opera benutzt, interessiert, dass ein Bild oder ein Textblock in einem anderen Browser, den er nicht benutzt, zwei Pixel weiter rechts steht, darf angezweifelt werden. Offensichtliche Fehler sollten natürlich ausgemerzt werden, dafür gibt es CSS-Hacks und (für MSIE) die Conditional Comments. Über geringe Ungleichheiten sollte man sich aber nicht übermäßig Gedanken machen. Davon kriegt man nur Magengeschwüre.


Du kannst es durchaus benutzen, wenn du dir darüber klar bist, dass gerade der/die MSIE(s) XHTML nicht als XML ausgeben können, was zur Folge hat, dass du die XHTML innewohnenden Vorteile so nicht nutzen kannst.

Wofür du dich auch immer entscheidest, ob HTML (SGML) oder XHTML (XML), richte dich nach dem jeweiligen Standard. Bei HTML: <img>, <br>, <meta>, <hr>; bei XHTML: <img />, <br />, <meta />, <hr /> (analog gilt dies auch für weitere Elemente).

Tschö, Auge

PS:

Wenn es denn nur um vorenthaltenes CSS geht, gehe ich mit dir vollkommen konform. Allerdings, auch wenn das deiner Aussage nicht widerspricht, ich wollte es nur angemerkt haben, ist es durchaus möglich, dass der Besucher gar keinen Einfluss auf die Wahl des Browsers hat (z.B. in Firmen). Übrigens, der FF1 ist von seinen Fähigkeiten keineswegs mit den beiden anderen genannten Browsern vergleichbar.

Geschrieben von: spezies-8472 25.05.2008 - 3:40

Damit hast Du natürlich vollkommen Recht, aber heutzutage reicht eine nüchterne Textseite für einen Internetauftritt einfach nicht mehr aus - ergo bekommen Gestaltungselemente und CSS usw. immer größere Bedeutung.
Dass die seiten im IE bzw. FF nicht exakt deckungsgleich sind, darüber rede ich gar nicht, ist mir auch völlig egal, wenn da die besagten 2 Pixel links oder rechts fehlen oder zuviel sind - mir geht es um grundsätzliche Interpretationsfehler - FF stellt noch alles so dar, wie ich es mir denke, aber der container für meine Links, der im FF schön, wie es sein soll unter dem Bild angeordnet ist, wird im IE plötzlich ganz unten unter den Text geschoben - ist er dann im IE an der korrekten Stelle, überlagert er den Content-text im FF - also sind schon die ersten Spagats nötig, die wiederum tiefergehende Kenntnisse erfordern, die man nicht einfach mal abgucken kann. Ok, kann man natürlich schon, aber im nächsten fall fängt man wieder von vorne an, da man das zugrunde liegende Prinzip nicht einfach so durchschauen kann, wie man eben mal fast nebenbei HTML erlernen kann...

Und mich würde es ja mal interessieren, ob es möglich ist, eine etwas anspruchsvoller gestaltete Seite wirklich exakt deckungsgleich für alle möglichen Browser zu gestalten?!? Also nicht mehr Netscape 3 oder IE 3 oder sowas... (falls es die überhaupt gibt)

Was mein Problem ist, bei der ganzen Sache - ich weiß nicht, genau, wie welcher Hack und welche Weiche funktioniert und wie ich verhindern kann, dass eine CSS-Definition, die in beiden Browsern unterschiedlich dargestellt wird, von beiden interpretiert wird - klingt jetzt etwas durcheinander, oder?
Also die sicherste Variante wäre vermutlich soviele HTML-Seiten zu erstellen, wie man Browser abdecken möchte. Dann kann man jede Seite für nur EINEN Browser gestalten und bekommt keine Probleme - nur ist das dann ggf. 3, 4, 5facher Aufwand, die ganzen, eigentlich gleichen Seiten zu pflegen und aktuell zu halten...
Allerdings muss man dann immer noch irgendwie unterscheiden, welche Seite von welchem Browser aufgerufen werden darf... - geht das überhaupt ohne JavaScript??


Ok, habe ich schon bereinigt inzwischen und die XHTML-Seiten "ad akta" gelegt... Ich war davon ausgegangen, dass XHTML nach HTML 4.01 folgt...

Bis denne
spezies-8472

Geschrieben von: Auge 25.05.2008 - 18:52

Ich habe auch nirgendwo gegenteiliges behauptet. Ich wies nur auf die Reihenfolge (erst Struktur mit (X)HTML, danach Gestaltung mit CSS) hin.


Ja, klar muss man da wissen, was welche Eigenschaft bei welchem Browser bewirkt. Wenn du das weißt und auch noch weißt, was du für welchen Browser anpassen musst (danach klingt zumindest dein Geschriebenes), kannst du das doch auch tun. Wo ist das Problem?


Wie welcher Hack funktioniert, ist auf so vielen Seiten im Netz beschrieben, diese Seiten kannst du doch gewiss nicht verpasst haben, oder? Die Stichworte "CSS-Hack" und "Conditional Comments" hatte ich ja schon gegeben.


Wieviele Versionen wievieler Seiten willst du vorhalten und pflegen? Nochmal: Nicht alles geht, also beschränke dich auf den kleinsten gemeinsamen Nenner. Gimmicks, ohne die der Inhalt nicht entstellt wird, werden nur Browsern, die damit umgehen können, zugeteilt. Mehr geht nicht, egal, was du willst. Achja, JavaScript; Mal abgesehen davon, dass JavaScript im Browser läuft und somit für diese Aufgabe an der falschen Stelle sitzt, da es nicht überall läuft, taugt es nun schon aus zwei Gründen nicht für deine Aufgabenstellung.


Tut es doch. Es folgt bloß anderen Grundlagen. HTML ist ein SGML-Dialekt, XHTML ist ein XML-Dialekt. Wo du Erklärungen, was was ist, findest, sagt dir die Suchmaschine deiner Wahl.

Tschö, Auge

Geschrieben von: spezies-8472 25.05.2008 - 20:00

Das klingt in der Theorie gut, aber in der Praxis läßt sich das nicht immer so umsetzen - auch wenn man es vielleicht mit Nachdruck tun sollte - aber gerade, wenn man was für andere macht, haben die zuerst das Design im Kopf und VIIIIEL später kommen dann der restliche Aufbau - "...ach, kannst Du nicht diesen Text dorthin schieben und das Bild sollte ganz unten sein und die Links bitte auf die andere Seite, das sieht besser aus..."


Ich weiß, was ich anpassen WILL, aber die Formulierung bezog sich mehr auf das Design, nicht so sehr auf die inneren Werte


Das Finden ist weniger ein Problem - mehr das verstehen... Ich habe auch mehrere Seiten gelesen, wo es um einen allgemeinen "Reset" aller Browserinternen Voreinstellungen geht, damit man mit den StyleSheets sozusagen ganz unten anfangen kann - ok, schön und gut, aber WIE man das tatsächlich machen soll - das habe ich nicht gefunden. Man soll es einbauen - aha! Und wo und wie und was genau??? Die Autoren slcher Anleitungen wissen natürlich ganz genau, wie es geht und können sich meist nicht vorstellen, dass ein Anfänger ihre Gedanken eben nicht kennt...


Aber womit könnte ich dann so eine Browserweiche sicher und zuverlässig realisieren?
Wie das per CSS geht, habe ich trotz vieler Artikel noch immer nicht wirklich verstanden - bin da wohl ein wenig zu dumm?!?


Hmm - ok, dann muss ich mal gucken, ob ich das verstehe... Danke erstmal!

Geschrieben von: jomal 26.05.2008 - 5:16

Also, ein Validator der mehr als Vorschläge macht wäre nichts für mich.
Ich habe mal einen installiert, weiß nicht mehr, wie der hieß.
Meine recht simpel gestrickte Seite, praktisch indentisch im IE, FF und Opera war angeblich voll von Fehlern, die ich fein säuberlich bereinigen ließ.
Ergebnis: die Seite lief nur noch unter IE korrekt.
Was mich dann doch genervt hat, das Ding wieder aus dem System zu tilgen: keine De-Installation dabei, aber auch mit Bordmitteln kaum zu löschen.
Die Registry zugemüllt. Insatllation: 5 Minuten.
De-Installation: mehrere Stunden und vier Kannen Kaffee und ne Packung Zigaretten hat es mich gekostet.
Und ob modern denn immer besser ist, ich bezweifle es.

Erinnert mich immer an die wochenlangen Diskussionen über GOTO-freie Programmierung, abenteuerlich, was da für Konstruktionen aufgedacht sind mit Schleifen und Abfragen, die lediglich einen unbedingten Sprungbefehl ersetzen sollten. Ich habe statt dieser wilden Konstruktionen lieber einen vernünftigen Kommentar eingefügt.

Geschrieben von: Andreas 26.05.2008 - 12:22

Kann es sein, dass

das deshalb so schwierig ist, weil das noch gegeben ist?

Natürlich ist es manchmal mühselig ein Element von einer Stelle an eine andere zu verfrachten, aber graue Haare habe ich deswegen noch nicht bekommen. Im Gegenteil, das macht doch auch Spaß.

Mich wundert in dieser ganzen Diskussion, dass Du durchschimmern lässt, Anfänger zu sein und gleichzeitig ganz vehement behauptest, dass viele Dinge nicht mit einfachen Mitteln lösbar sind. Wie kannst Du das, wenn Du keine Erfahrung hast?

Gruß

Andreas - der das völlig neutral fragt ...

Geschrieben von: spezies-8472 26.05.2008 - 15:36

Hi Andreas,
so ganz habe ich die von Dir gequoteten Sachen zwar nicht kapiert, aber ist nicht so tragisch, ich denke, ich ahne, was Du meintest

Klar macht es Spaß, eine Seite so nach und nach zu gestalten, dass alles passt - aber wenn dann der Frust Überhand nimmt, weil WIEDER mal der IE sich an keine Richtlinien hält und hier und da und dort sein eigenes Süppchen kocht und jede neue Version letztendlich eigene Hacks benötigt, die ich ehrlich gesagt nicht wirklich verstehe... und wenn man es dann irgendwie geschafft hat - ohne selbst nachvollziehen zu können, wieso es jetzt geht und vorher nicht, aber dann der FF bspw. nichts mehr so darstellt, wie anfangs, dann macht es irgendwann keinen Spaß mehr.

Ganz einfach - ich habe zwar meine uralte http://home.arcor.de/turri (ja, schrecklich!!) gestaltet und daran html gelernt und später dann die http://www.amira-almaas.de/index.htm für meine Frau gebaut und jetzt rundumerneuert (überwiegend mit Hilfe von CSS) und eine http://www.shalymar-el-amar.de für deren Freundin und Kollegin gebaut (noch mit Frames...) und zuletzt die Homepage des http://www.brandenburger-orientfestival.de erstellt (allerdings mit Hilfe eines Programms für die Menüs), aber verglichen mit Webdesignern sehe ich mich eher als Laie - habe weder ein Studium noch eine Ausbildung auf dem Gebiet, kenne mich nicht mit Java, JavaScript, Pearl, PHP und sonstigen Sprachen und Dialekten aus und muss vieles nach dem "Trial & Error"-Verfahren ausprobieren. Ich lerne zwar sicher auch daraus ein wenig, aber bin weit entfernt davon, eine neue Seite einfach mal so aus dem Ärmel zu schütteln...
Ich habe also sicherlich ein wenig Erfahrung, aber möchte mir nicht anmaßen, auch nur halbwegs professionell Homepages designen zu können .
Alle Klarheiten beseitigt?

Gruß zurück!
Oliver

Geschrieben von: Andreas 26.05.2008 - 17:15

Das meinte ich. Und es ist ja auch keine Schande.

Nur, wenn Du so wenig Erfahrung hast, warum wirfst Du dann mit allen möglichen Aussagen zu Hacks und Inkompatibilitäten um Dich, die Dich zu fiesen Verrenkungen oder gar Flash zwingen? Es haben doch jetzt schon etliche Leute geschrieben, dass das alles halb so wild ist. Ich habe exakt ein einziges Layout, dass an einer einzigen Stelle eine Besonderheit für den IE benötigt. Ansonsten erstellst Du Deine Seiten valide und scherst Dich um den Rest einen Dreck. Und dann - oh Wunder - zeigen alle Browser etwas an. Die Gelassenheit, die Dir dann noch fehlt, den ein oder anderen Renderfehler so zu lassen wie er ist, ist letztendlich die eigentlich fehlende Erfahrung Und Profi bist Du, wenn Du das dann auch noch Deinen Kunden vermitteln kannst.

Die Seiten sehen doch auch alle in Ordnung aus ... Bis auf diese span class="zeile..." Geschichte auf der Seite Deiner Frau. Das macht einen putzigen Eindruck. Habe aber auch nicht weiter geguckt, was Du damit bezweckst.

Gruß

Andreas

Geschrieben von: spezies-8472 28.05.2008 - 12:53

Ups? Was genau meinst Du? Ist mir da was entgangen? Kannst Du das bitte spezifizieren? Im Moment weiß ich nämlich nicht genau, was Du meinst *grybl*

Betreffs der anderen Dinge - ok, vielleicht mache ich mich da noch etwas "heiß", aber ich möchte zumindest möglichst ähnliche Seitenansichten in den "großen" Browsern erreichen - 3 Pixel rechts mehr oder linsk weniger, ist da kein Thema, aber die prinzipielle Anordnung sollte nahezu gleich sein und das gelingt mir eben bisher nur mit diversen "Verrenkungen", von denen ich inzwischen nicht mehr nachvollziehen kann, welcher eigentlich was bewirkt...
Und ich will ja nicht aufhören, diese Webseiten zu betreuen, sondern weiter machen, aber natürlich steigen auch die Ansprüche meiner "Kunden" Und dann muss mit der Zeit ein immer aufwändigeres Layout her und was mich dabei erwartet, ahne ich eben schon - daher meine Sorge, betreffs Hacks usw...

Und Flash: na ja, Flashseiten sehen ja eigentlich in allen Browsern schon gleich aus, sofern man das Plugin installiert hat - nur sind das eben nicht die Ziele, die ich anstrebe - ich möchte keine Flash-Seiten erstellen, schon weil Suchmaschinen sich damit eher schwer tun. ABER sie sehen eben fast gleich aus...

*gruß*
Oliver

Geschrieben von: Auge 28.05.2008 - 15:35

Dann lasse sie weg und gebe dich damit zufrieden, dass nicht alles ...

... ach, ich wiederhole mich.


Sie sehen nicht nur "fast" gleich aus. Die Probleme bei der Indexierung durch Suchmaschinen verursacht aber der Autor, nicht die Suchmaschine. Zumindest in neueren Flash-Versionen ist etwaiger Text durchsuchbar -der Googlebot tut dies übrigens auch- wenn der Autor dafür sorgt (frag mich nicht nach Details). Allerdings sorgen die wenigsten Autoren von Flashapplikationen dafür, so das dies kaum praktische Relevanz hat. Die Tatsache, dass man ein Plugin für seinen Browser haben muss, ist ein weiterer Grund gegen den "allseitigen" Einsatz von Flash.

Warum JavaScript und auch Flash Probleme bereiten, bzw. was man falsch machen kann, sieht man übrigens schön an deiner Seite für das http://www.brandenburger-orientfestival.de/. Nach dem Klick auf "Tritt ein" (Nebenbei: Warum überhaupt erst klicken müssen, um an die relevanten Informationen zu kommen?) landet man auf der eigentlichen Startseite. Von da aus geht's aber nicht weiter. Kein Link zu anderen Seiten des Angebots, nur ein paar einleitende Sätze und zwei Bilder eines Flyers.

Merkst du was? Ohne JavaScript geht garnichts. Das, was ich zu sehen bekomme, bekommt auch ein Suchmaschinenroboter zu "sehen". Ein paar einleitende Sätze und die Alternativtexte zu den Flyern, jedoch keine weiterführenden Links. Dass ich ohne JavaScript die Bilder nicht vergrößert angezeigt bekomme ist zu verschmerzen, da es sich um eine Zusatzfunktion handelt, ohne die mir keine relevanten Informationen vorenthalten wird. Könnte man auch anders lösen, aber was soll's. Die fehlende Navigation ist aber definitiv ein Todesurteil. Da müsstest du definitiv noch mal ran.

Tschö, Auge

Geschrieben von: spezies-8472 28.05.2008 - 20:19

Wenn es irrelevante Details wären, oder meine eigene Seite - ok, aber leider nicht möglich, da
1. nicht meine Seite
2. relevant und soll auch halbwegs passabel aussehen
3. habe ich das Problem ja inzwischen IRGENDWIE gelöst, weiß aber leider selber nicht so genau, welches das entscheidende Detail war, oder ob jetzt ne Menge überflüssiger Kram in der CSS-Datei steht...


Eben. So detailliert wusste ich es zwar noch nicht, aber genau wegen dem nötigen Plugin lehne ich persönlich es auch ab!


Hmm, ist mir noch gar nicht wirklich aufgefallen, aber ich habe keine Lösung gefunden für die Menüs in mehreren Ebenen (mehr als nur eine!!) ohne JavaScript, da die so vorgegeben waren und man diese haben wollte... Sollte es da bessere Lösungen geben - nehme ich gerne!!
Nebenbei: die Inhaber der Seite wollten gerne so ein "Portal" durch das man auf die eigentliche Seite kommt - ich muss auch dazu sagen - diese Seite habe ich auch in keinster Weise suchmaschinenoptimiert, da sie mehr ein Freundschaftsdienst gewesen ist und ich dafür eh nicht bezahlt werde...


Jepp, denke ich auch, habe aber zum Glück fast ein Jahr Zeit dafür, da das nächste Festival erst 2009 stattfinden wird...
Betreffs Navigation - ich habe lange gesucht nach einer CSS oder "nur-HTML"-Lösung, wobei es letztere wohl nicht gibt, zumindest dann nicht, wenn man "grafische" Menüs haben will - aber ich habe nichts anderes gefunden, als das Programm DHTML-Menu - oder wie es jetzt genau heißt. Kannst Du mir nen Tipp geben, wie es besser gemacht werden kann?

Und betreffs der Bilder - Ok, es gehen keine relevanten Infos verloren, aber wenn es auch da bessere Varianten gibt, warum diese nicht einsetzen - aber Du meinst nicht zufällig den ganz normalen Link in ein neues Browserfenster? Diesen ganz einfachen HTML-Verweis würde ich so nicht so gerne nutzen, da ich zumindest ein kleineres Fenster nutzen und dort keinen "BACK"-Link setzen möchte...

Dann erstmal danke für die Infos
spezies-8472

Geschrieben von: Auge 29.05.2008 - 23:12

Du brauchst schon JavaScript, schon alleine wegen des MSIE>7. Moderne Browser können sowas allein mit CSS lösen. Aber auch das ist nicht wirklich schön. JavaScript ist schon der richtige Ansatz.

Allerdings (oder auch aber): Da gerade die Navigation auch und unbedingt ohne JavaScript funktionieren muss, ist die Herangehensweise, den HTML-Quelltext der Navigation per JavaScript zusammenbauen zu lassen, falsch. Warum dann nicht gleich mit HTML?

Ich kann dir leider kein fertiges Beispiel liefern, eine grobe Anleitung aber schon.

1. Die Navigation wird pur mit HTML aufgebaut. Dies inklusive sämtlicher Verschachtelungen.
1.1. Im übrigen ist eine Liste von Links eine Liste, für die es entsprechende HTML-Elemente gibt. (siehe: http://css.maxdesign.com.au/listamatic/).
2. Die Untermenüs werden mit JavaScript bei Bedarf eingeblendet (JavaScript-Events)
2.1. Um Benutzern, die kein JavaScript aktiviert/zur Verfügung haben, die Navigation auch in den Untermenüs zu ermöglichen sind die Untermenüs standardmäßig ausgeklappt und werden beim Laden des Dokuments per JavaScript eingeklappt. Gibt's kein JavaScript, bleiben die Menüs sichtbar, ansonsten kann man davon ausgehen, dass sie auch wieder ausgeklappt werden.


Nein, wenn es nach mit ginge, wäre es ein ganz normaler Link ohne neuem Fenster. Das geht auch recht einfach. Das Popup wird über eine Funktion aufgerufen, die ihr Ziel aus dem href-Attribut des Links entnimmt und bei Erfolg false zurückgibt, womit der Browser weiß, dass der dem HTML-Link nicht folgen muss. Funktioniert dies nicht, wird eine stinknormale Seite mit den gleichen Infos (hier: das Bild) geladen.

Zu dem Thema gab es hier vor zirka 2-3 Jahren eine ausführliche Diskussion mit Codebeispielen (Suchbegriff: window.open).


Was ist kein Backlink?

Tschö, Auge

Geschrieben von: spezies-8472 30.05.2008 - 0:10

Warum ist ausschließlich CSS nicht schön? Weil es in älteren Browsern nicht funktioniert?


Ja klar, wenn ich das hinbekomme?!?


Schon klar, ist ja auch nicht deine Aufgabe - Danke auch für die Erklärung, aber da muss ich doch passen, denn das kann ich mit meinen Kenntnissen nicht mehr umsetzen - ich habe zwar auch ne Sitemap-Seite erstellt, auf der alle Links zu finden sind, aber die Untermenüs einblenden per JavaScript, kann ich leider nicht programmieren - zu wenig Wissen über und in JavaScript!
Ansonsten klingt das schon sinnvoll, aber sieht in Browsern ohne JavaScript sicherlich ein wenig blöd aus, wenn über dem Rest der Seite die ganzen Links liegen - wobei - eigentlich müsste sich der ganze Inhalt ja nach unten verschieben, was auch wieder nicht wirklich gut aussieht... Aber warum schalten sie auch javaScript aus??


Ähhm ja... Ist auch wieder etwas, wovon ich keine Ahnung habe... Man merkt immer wieder aufs Neue, wie wenig man doch eigentlich weiß.. Gut, dass ich damit nicht meinen Lebensunterhalt verdienen muss. Andererseits würde ich dann natürlich auch die Zeit haben, alles zu lernen und ggf. auch Lehrgänge usw. zu besuchen...


Ok, gucke ich mal nach, THX!


Na ja, ein Link, der auf die folgende Seite führt? War jetzt vermutlich keine astreine Definition, aber bitte auch nicht jedes Wort von mir syntaktisch abchecken

*gruß*
spezies-8472

Geschrieben von: Auge 31.05.2008 - 13:11

Nein, wenn es nur darum ginge, würde ich das entsprechende CSS vor den Unfähigen verbergen und ausschließen, dass die Fähigen das JavaScript ausführen müssen.

Alle Eigenschaften, die mit CSS vorgegeben werden, sind binär. In diesem speziellen Fall heißt das, ein Element ist entweder sichtbar oder nicht. Das wird davon abhänging gemacht, ob sich der Fokus oder der Mauszeiger über bzw. in einem bestimmten Element/Bereich befindet. Verlässt der Fokus oder die Maus das Element, wird auch der Status der Sichtbarkeit des ein- oder auszublendenden Elements geändert.

Einerseits kann man da 'ne Menge Fehler machen (man kann sie natürlich auch vermeiden), andererseits eröffnet JavaScript mit z.B. zeitgesteuerten Funktionen andere Möglichkeiten, auf das Ein- und Ausblendverhalten Einfluss zu nehmen. Da ein solches Menü sowieso "nur" eine Dreingabe ist, also die Navigation auch ohne unterstützende Techniken benutzbar bleiben muss, kann man das auch ohne Gewissensbisse mit JavaScript realisieren.


Nicht nur das. Da mir bisher nur wenige sinnvolle Einsatzszenarien für JavaScript begegneten, fehlt mir auch eine umfassende praktische Erfahrung im Umgang mit JavaScript.


Warum fragst du immer nur nach dem Aussehen? Erst kommt die Benutzbarkeit und dann die Gestaltung. Wenn alles unterhalb der Navigation nach unten rutscht, ist das das Beste, was passieren kann. Die Navigation ist ob ihrer in Gänze aufgeklappten Struktur von vorne bis hinten benutzbar und der eigentliche Inhalt der Seite ist ebenfalls voll zugänglich, weil die Navigation ihn nicht partiell oder gar vollständig verdeckt.


<modus style="korinthenkack:true;">Nun, hier wurde semantisch abgecheckt, nicht syntaktisch.</modus>

Im Ernst: Wenn ich dich richtig interpretiere, willst du das zu öffnende Fenster der browsereigenen "Vor- und Zurücknavigation" berauben? Ist die bei einem frisch geöffneten Fenster überhaupt aktiv? Und wenn dort, in diesem Fenster, weiternavigiert werden können sollte, warum soll man dann diese Funktionen nicht benutzen können?

Tschö, Auge

Geschrieben von: spezies-8472 06.11.2008 - 19:11

So, habe es geschafft, die Seiten mehr oder minder komplett auf XHTML & CSS umzustellen - muss nochmal nachsehen, aber die meisten Tabellen sind raus, der html-Text sollte einigermaßen sauber sein und das CSS ist auch "sauber" - aber ich fürchte mal, da stecken noch diverse "überflüssige" Eigenschaften drin, die ich nicht finde. Ist natürlich müßig, jede einzelne Zeile mal zu löschen, um auszprobieren, ob in einem der Browser irgend etwas nicht mehr funktioniert... Gibts da vielleicht Tools, die sowas auch optimieren können?

JavaScript ist übrigens auch nur noch zur Bildanzeige drin geblieben und sollte es deaktiviert sein, müßte man trotzdem noch die Seite komplett ansehen können.

Aber ne Frage habe ich trotzdem wieder:
mir wurde gesagt, meine Seite ist ziemlich - na ja, ich drücke es mal etwas einfacher aus - dämlich programmiert, weil: wenn man sie vergrößert, geht die gesamte Struktur verloren und man sollte nicht so sinnfrei CSS einsetzen, wie ich das getan habe, sondern bspw. "em" bei Größenangaben sinnvoll und korrekt einsetzen.

Ok, aber was genau ist damit gemeint? Wo ist es denn falsch und wo richtig eingesetzt?
*grybl*

Geschrieben von: Auge 10.11.2008 - 21:24

Das Einzige, was ich zu dem Thema empfehlen kann, ist die Firefox-Erweiterung "Firebug". Allerdings bleibt dir trotzdem die Aufgabe das händisch zu erledigen.

Mit Firebug hast du aber den Vorteil, die geladene Seite (in Sachen HTML, CSS, JavaScript) live analysieren zu können. Du kannst mit der Maus im Dokument auf ein HTML-Element klicken und bekommst z.B. in der CSS-Ansicht alle CSS-Definitionen vorgelegt, die, von der Schriftfarbe und -größe bei body bis zu den direkten Angaben für das Element, dieses Element betreffen. Diese Angaben kannst du in der Analyseansicht ab- und zuschalten und auch ändern, was sich sofort in der Ansicht im Browser auswirkt. Das sollte, abgesehen vom Arbeitsaufwand, das Beste sein, was du haben kannst (falls nicht noch jemand mit einem besseren Vorschlag kommt, ich habe jedenfalls keinen).


Nun kann und will ich deinen Quelltext nicht vollständig analysieren, deshalb nur mal ein Beispiel für die Verwendung von 'em' bei Größenangaben.

Eine Navigationsspalte am Rand, der Inhalt daneben (egal ob rechts oder links). Ein zweispaltiges Layout eben.

Gibst du, wie es meist gemacht wird, die Breite für die Navigationsspalte in px an, ist sie, egal wie groß die Schrift im Browser eingestellt ist, immer nur genau so breit, wie du sie bestimmt hast. Wird die Schrift verkleinert, ist die Spalte mehr oder minder leer, wird die Schrift vergrößert, ragen die Linktexte über die Grenze der Spalte hinweg. Sehr unschön, wenn die Spalte farblich gegenüber dem Rest der Seite abgesetzt ist.

Benutzt du für die Breite der Spalte, wie auch für die Schriftgröße an sich, 'em', schrumpft/wächst die Spalte mit der Verkleinerung/Vergrößerung der Schriftgröße mit. Die Breite der Navigationsspalte hat damit immer das gleiche Breitenverhältnis zur Länge der Linktexte. Das liegt daran, dass sich Breiten- wie auch Höhenangaben (diese sind aber eher untypisch) für Elemente, die mit 'em' vorgenommen werden, direkt auf die anliegende Schriftgröße beziehen. Günstig ist hierbei übrigens die Vorgabe von font-size:100.01%; für html und/oder body im CSS, damit alle Browser zumindest sehr ähnlich reagieren (es gibt da unterschiedliche Auslegungen bei den Browserengines).

Allerdings solltest du nun nicht alle Breiten per 'em' festnageln. Wenn du die Breite z.B. für die Navigationsspalte vorgibst, reicht das in einem Zweispaltenlayout, da sich die danebenliegende Spalte automagisch den Rest der Breite im Viewport des Browserfensters krallt und gut is. Das würde erst bei seeehr sehr großer Schrift auseinanderfallen.


Du gryblst? Hmm, ich grüble, wenn, denn.

Tschö, Auge

Geschrieben von: spezies-8472 13.11.2008 - 14:56

Klingt interessant, werde ich mir gleich mal herunterladen und installieren - ok, das händische Ändern sollte da dann nicht das Problem sein, wenn man aber immer 2 Programme hat zusätzlich zum Browser (HTML-Editor und CSS-Editor), ist es relativ aufwändig, immer hin und her zu wechseln, speichern hier und da nicht vergessen, Ergebnis ansehen usw....


Klingt logisch, da müßte ich mich denn mal durchkämpfen und nachsehen, inwieweit ich was ändern könnte - aber welche Größenangaben sollten dann in der/den anderen Spalten verwendet werden? Gar keine geht ja auch nicht immer?!? Da ich vorzugsweise ein 3-spaltiges Layout verwende, von dem zwar meistens eine Spalte auf die Breite 0 reduziert ist, für spätere Nutzung aber schon eingebaut wurde, müßte ich ja mindestens 2 Spalten mittels "em" formatieren und die 3. Spalte dann mit - ja womit?

Wenn ich Dich aber ansonsten richtig verstanden habe, sollten wenn, dann alle Elemente dieser einen Spalte mit "em" als Größenangabe beschrieben werden?


Aha, das ist mir noch gänzlich neu, habe sowas nur in Bezug auf die Seitenhöhe bisher gekannt, damit der Browser gezwungen wird, eine Scrollleiste einzublenden, auch wenn keine zwingend benötigt wird, aber eben nur vertikal, damit Elemente bei gleich gestalteten Seiten nicht "springen", wenn mal eine Seite mit, eine one Scrollbalken geöffnet wird...

Tja, solltest Du glatt mal ausprobieren zu grybl'n Ist ne völlig neue Erfahrung!

Übrigens: Gruß nach F-Hain aus B-Dorf in Treptow-Köpenick...

Geschrieben von: Auge 23.11.2008 - 20:51

Dass der Editor auch bei Verwendung von Firebug offen sein muss, wirst du ja mittlererweile erfahren haben. Eine Erleichertung ist Firebug trotzdem.


Bei einem Zweispaltenlayout schon, auch wenn man für die betreffende Spalte min-width verwenden sollte, damit sie eine Mindestbreite nicht unterschreitet. Nachteil: MSIEs unter Version 7 verkacken.


Bei dreispaltigen Layouts wird das komplizierter. Je nach dem, wie die Positionierung der Spalten erfolgt (float vs. position) und der dabei benutzten Reihenfolge (dies zumindest bei float) muss eine andere Spalte mit einer Mindestbreite versehen werden. Diese kann -aber muss nicht- in em angegeben werden. Wenn z.B. in einer Bildergalerie wie größte Breite eines Bildes als Mindestbreite herhalten soll, sollte die Mindestbreite an sich mit der selben Einheit, also px, versehen werden.

float hat bei der Positionierung einen Vorteil, der von manchem Seitenersteller nicht als solcher erkannt wird. Die nicht per CSS positionierte Spalte (kann je nach Anwendung von float eine andere sein) rutscht unter die anderen Spalten, falls der Viewport des Anzeigegeräts zu schmal wird. Das wird oft als hässlich empfunden, erspart, bei sinniger Anwendung, aber das Querscrollen bei erhalten bleibender Reihenfolge der Inhalte.


Ja, es gibt Leute, die sich daran so sehr aufhängen, dass es ihnen Gegenmaßnahmen wert ist.


Bohnsdorf?

Tschö, Auge

Geschrieben von: spezies-8472 24.11.2008 - 16:13

Habs noch nicht installiert, habe aber auch die Seiten nochmal überarbeitet, oder besser gesagt beide Seiten und momentan sieht alles so aus, wie ich es haben will - Bilder, die sich der Seitengröße in gewissen Grenzen anpassen auf der einen Webseite und alles, was wichtig ist auf der anderen Seite auch scrollbar gemacht...
Das Problem mit der Skalierbarkeit bin ich dabei allerdings noch nicht angegangen...


Na super! Was kann denn eigentlich so schwer daran sein, sich einfach nur mal an offizielle Standards zu halten?! Mal tanzen die alten IE's aus der Reihe, mal die neuen... Daran werde ich dann wohl nochmal intensiv arbeiten müssen.


Aha, das mit den Mindestbreitenangaben muss ich sowieso nochmal ausprobieren, bisher hat das nicht so richtig geklappt, was ich probiert habe.


Muss ich mal gucken, ob das bei mir der Fall ist, habe nämlich gerade längere Zeit an einer anderen Seite gearbeitet. Aber so gesehen, hast Du natürlich völlig Recht! So spart man sich bei Mini-Displays einige Arbeit, aber das Gesamtbild ist andererseits auch dahin - muss man abwägen, was einem wichtiger ist.


*gg* Na ja, wenn 8 von 9 Seiten gleich groß sind und die Neunte dann vom Design "springt", stört mich das einfach - man könnte natürlich alle versuchen gleich groß zu machen, aber wenn solche "Gegenmaßnahmen" auch nicht "illegal" sind, kann man die ja auch nutzen?!?!


Genau!


ebenso Tschüß!
spezies-8472