nix div in tabelle!!

[Felix Riesterer]

Lieber radames,

danke für deine niederschmetternde Antwort.

die Antwort ist aus der Überzeugung heraus entstanden, dass eine Abkehr von Deinem bisherigen Vorgehen eine wesentliche Verbesserung Deiner Seite(n) bewirken muss. Auch ich habe eine solche Entwicklung durchgemacht und habe einsehen müssen, dass mein damaliger Ansatz alles andere als zukunftstauglich war.

Wenn meine Antwort Dich niedergeschmettert hat, dann tut mir das im Grunde genommen leid, ist aber anscheinend nicht ganz vermeidbar. Mein Wechsel zu semantischem Code ist immerhin schon vier Jahre her, was in Sachen Internet und wie man Seiten schreibt eine regelrechte Epoche darstellt.

So gesehen war ich etwa sechs Jahre der aktuellen Vorgehensweise hinterher - bei Dir sind es nunmehr zehn, denn Tabellenlayouts waren zuletzt 1998 "best practice", da es damals nichts besseres gab. Heute sieht das völlig anders aus.

es ist mir wohl nicht gelungen mein hauptanliegen deutlich zu machen.

Im Grunde schon, nur hast Du noch nicht einsehen können, dass dieses Anliegen tatsächlich erst im zweiten Schritt sinnvoll umsetzbar ist, nachdem Du Deine Altlasten erfolgreich entsorgt hast. Von den Leuten, die hier schon länger mitschreiben, bin ich mit Sicherheit nicht der einzige, der das so sieht.

ich denke, dass ich zumindest was das programmieren mit tabellen in html einigermassen fit bin, die seiten sind stets valide.

An der Validität habe ich auch nicht gezweifelt. Da hast Du mich nicht verstanden. Mir ging es um Sinnhaftigkeit. Dein Code sollte so gestaltet sein, dass die Natur der Inhalte sich in den verwendeten HTML-Elementen widerspiegelt. Demnach ist eine Überschrift eben eine Überschrift (h1 - h6), ein Textabsatz ist ein Textabsatz (p) und eine Liste ist eine Liste (ul, ol, dl). Und Tabellen benutzt man, um tabellarische Daten auszuzeichnen, nicht aber, um Seitenbereiche zu layouten. Dazu sind sie das falsche Mittel - spätestens seit 1999 und der Empfehlung des W3C, dafür CSS zu benutzen.

ich habe mich abe rnoch nie mit div's beschäftigt und habe bei der o.g. bildershow, wie auch bei deiner ein positionierungsproblem.

Bitte gewöhne Dir den "Deppenapostroph" schnell wieder ab, dazu bist Du zu gebildet.

Und was die Verwendung von div-Elementen angeht, kannst Du hier http://de.selfhtml.org/html/text/bereiche.htm#block@title=nachlesen, dass ein div-Element zur Gruppierung anderer Elemente gedacht ist. Wenn Du dazu noch Klassen und IDs verwendest, dann kannst Du prima ohne Tabellen Deine Seite layouten. Steht ja auch in SELFHTML: <http://de.selfhtml.org/css/layouts/einfuehrung.htm@title=CSS-basierte Layouts>.

die bilder erscheinen nicht in der tabellenspalte, in der das div steht, sondern stets links oben.

Zuerst solltest Du wirklich Deine Layout-Tabellen abschaffen. Dann erkennst Du, dass Dein div-Element nicht mehr "von alleine" dort angezeigt wird, wo Du es gerne haben möchtest, sondern musst es mit den in CSS vorhandenen Möglichkeiten dort hinpositionieren (zunächst einmal egal, wie). Wenn dann Dein div-Element entweder mittels http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float oder http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=position neu positioniert ist, dann sollten auch die absoluten Positionierungen Deiner Bilder zum gewünschten visuellen Ergebnis führen.

vielleicht ist es möglich mir da zu helfen, ohne dass ich einen mehrwöchigen kurs besuchen muss.

Du kriegst von mir keine fertige Lösung. Erstens müsstest Du die mir bezahlen und zweitens will ich das nicht. Außerdem kenne ich Deinen Kenntnisstand in Sachen CSS nicht, der mit eine Grundvoraussetzung ist, wenn man seine Seite damit layouten will. Und CSS lernt sich nicht in allen Belangen "über Nacht" - da wirst Du schon eine Weile damit Erfahrungen sammeln müssen. Aber das Grundprinzip solltest Du in wenigen Stunden begriffen haben und anwenden können.

Was den Einsatz von JavaScript angeht, da wirst Du noch viel mehr an Erfahrung sammeln müssen, um eine Animation wie die von Dynamicdrive angebotene selbst erstellen zu können. Wenn Du die Grundlagen von JavaScript hier in SELFHTML einigermaßen verstanden hast, dann kann Dir mein Artikel weiterhelfen, diesen Krampf von Code in ein modernes und zeitgemäßes Script umzuwandeln.

Liebe Grüße,

Felix Riesterer.