<div> oder <table>, was ist jetz besser?(Kompatibilität)

[Wuaegner]

Ich hab jetzt eine HP komplett mit <divs> gestaltet, da ich gelesen hatte, dass <divs> immer mehr im Kommen sind für Homepagelayouts. Jedoch habe ich dann mit unterschiedlichen Darstellungen bei den einzelnen Browsern oder Versionen (IE) zu kämpfen. Darum überlege ich mir nun meine nächste HP nun wieder mit Tabellen zu machn, da diese dann einheitlicher dargestellt werden bei den verschiedenen Browsern. <divs> finde ich aber viel einfacher zur Gestaltung einer HP.
Was soll ich nehmen, <div> oder <table> ?
P.S: Möglichst viele Browser/Browserversionen sollen die Seite natürlich gleich darstellen.

[Robert_G]

Seit dem IE6 rendert auch er das BoxModel richtig. (Solange er nicht dank fehlendem xHTML DocType bzw. fehlenden close tags im QuirkyMode arbeitet ;) )
Mit Divs sind so coole Spielereien wir zum Bleistift nifty corners total easy möglich.
Und wie du bereits gesagt hast, mit divs ist das Design einfacher und anpassbarer. ;)
Ein paar Hinweise dürfte der Ursprung meiner sig geben: From Table Hacks to CSS Layout: A Web Designer’s Journey

btw: Jeffrey Zeldman's Artikel oder alistappart.com im allgemeinen sind für ein paar coole :shock: Ah-Ha-Momente gut. ;)

[bttb930]

sieh dir einfach www.csszengarden.com an - das dürfte alle fragen beseitigen: Mit div geht ALLES. Wichtig ist nur das css-file.

ALLE Layouts auf der Seite beruhen auf der immer gleichen HTML-Datei, die fast nur divs enthält. Was sich von LAyout zu Layout ändert ist einfach nur die CSS-Datei.

[alcaeus]

Nun ja, man sollte eigentlich divs fuers Layout verwenden, und nicht Tabellen, aber frag mich nicht wer die Idee hatte ;)
Es ist so dass viele Browser immer noch unterschiedliche Ansichten haben, was die Anzeige von Elementen betrifft, egal ob die jetzt in divs oder in tables daherkommen. Dagegen wirst du nicht viel machen koennen, aber groessere Unterschiede lassen sich vermeiden, wenn du dich strikt an die HTML/XHTML-Regeln haelst (also doctype angeben und Dokument valide halten).

Greetz
alcaeus

[Wuaegner]

Zitat:

Seit dem IE6 rendert auch er das BoxModel richtig.

Ja nur leider erst ab IE6. Viele nutzen jedoch noch z.B IE Version 5.5.
Soll man auf diese keine Rücksicht nehmen?

Warum gibt es nicht EINEN festgelegten Standard an den sich ALLE Browser halten.
Es ist manchmal ziemlich mühsam und auch frustrierend, wegen einem Darstellungsfehler ewig lang zu "rätseln" was denn nun diesem Browser nicht passen könnte usw. das kann man nicht durch logisches Denken lösen wir z.B beim Delphi proggen oder PHP usw. Naja ich denke ich werde mein Glück bei der nächsten HP wieder mit <div> versuchen :roll:

[Wuaegner]

Zitat:

wenn du dich strikt an die HTML/XHTML-Regeln haelst (also doctype angeben und Dokument valide halten).

Meine Seiten der letzten HP sind alle Validate XHTML, auch das Stylsheet.
Trotzdem stellt der IE 5.5 im Vergleich zum IE 6 noch manche Sachen leicht anders dar.

Aber die strikte Trennung von Inahlt und Layout, die mit <div> möglich ist, ist schon ein Riesenvorteil.

[mh166]

Ich würde auch empfehlen, bei <div>'s zu bleiben. Die Vorteile wurden ja oben alle schon genannt. Ich arbeite gerade an ner Page und da änder ich lediglich float-Eigenschaften und ein paar margin- bzw. padding-Werte und schon ist das Design umgebaut.

Und wegen der verschiedenen Darstellung: solange man valides strict HTML schreibt, ist es kein Problem.

mfg, mh166

[Matze]

Ich habe auch gehört, man solle divs verwenden. Ich werde meine Website irgendwann auch mal umschreiben müssen, da ich dort alles mit Tabellen gelöst habe. :oops:

Nur die ganzen Foren arbeiten auch mit Tabellen, darum denke ich, ist es auch nicht so schlimm, mit Tabellen zu arbeiten.

[Luckie]

Tabellen soll man da einsetzen, wo sie sinnvoll sind, nämlich dann, wenn es um die Darstellung tabellarischer Inhalte geht und nicht für das Layout. So sehe ich das.

[Wuaegner]

Ja das ist ja auch sinnvoll, jedoch wenn man nur so ein auf den meisten Browsern gleich aussehendes Layout erzwingen kann muss man auf Tabellen zurückgreifen.

[Robert_G]

Zitat:

Zitat von Luckie

Tabellen soll man da einsetzen, wo sie sinnvoll sind, nämlich dann, wenn es um die Darstellung tabellarischer Inhalte geht und nicht für das Layout. So sehe ich das.

Und alles andere wäre ja auch krass! :shock:
Ich könnte in ASP.Net ein UserControl schrieben, dass seinen Inhalt als div-Tabelle rendert...
Aber wenn's so weit kommt gehe ich doch lieber mit VB auf eine einsame Insel und entsage somit jeglichem Fortschritt und Vernunft. :?

[mh166]

Zitat:

Zitat von Wuaegner

Ja das ist ja auch sinnvoll, jedoch wenn man nur so ein auf den meisten Browsern gleich aussehendes Layout erzwingen kann muss man auf Tabellen zurückgreifen.

Dem will ich mal ganz klar entgegentreten: Ich teste meine Webseiten immer mit allen gängigen Browsern - auch unter Linux. Und wenn man sich an valides Strict-HTML hält, dann haut auch alles überall gleich hin. Den Spruch, dass Layouts nur dann gleich aussehen können, wenn man das mit Tabellen macht, kann und will ich einfach nicht mehr hören! Das entspricht nämlcih einfach nicht den Tatsachen!!! :evil:

mfg, mh166

[fantotal]

Hallo,

ich mache nun auch schon eine Weile Homepages, habe aber bisher immer nur Tabellen benutzt :oops: .Aber da ihr nun alle sagt das Divs so gut seien (was man an dem Beispiel von bttb930 sehr gut gesehen hat), wollte ich mal fragen ob jemand ein gutes deutsches Tutorial für Divs kennt, weil ich damit noch garnicht gearbeitet habe.

Wäre euch sehr dankbar. :thumb:

[tommie-lie]

Zitat:

Zitat von mh166

Und wenn man sich an valides Strict-HTML hält, dann haut auch alles überall gleich hin.

"Gängig" schließt bei dir wohl nicht den 5.5er IE ein, mit dem ich mal arg gekämpft habe und dann resignierend zu Tabellen zurückgekehrt bin. Und glaube mir, ich wollte wirklich divs benutzen, es hatte mit Bequemlichkeit nichts zu tun.

[yankee]

hört mal:
divs sind einfach nur GEIL!. Das erste mal war ich etwas verwirrt, aber wenn man einmal verstanden hat, wie das mit der positionierung funt, dann merkt man schnell, welche Möglichkeiten divs bieten, die mit Tabellen unmöglich oder zumindest super unübersichtlich werden würden.
Und ich hatte noch NIE signifikante Darstellungsunterscheidungen, auch ohne strict im DOCTYPE. Ich gebe zu, mein bisherigen div-Anordnungen waren recht einfach. Wenn ich da was komplizieres mache, werde ich den Tipp mal im Hinterkopf behalten.

Na super, jetzt habe ich auf absenden geklickt und bin im Vertrauen die Nachricht würde schon eingetragen werden essen gegengane und jetzt komme ich wieder und da steht nur, dass es massenhaft enue Beiträge gibt. Sry, ich hoffe es kommt jetzt zu keinen Redundanzen.

[fantotal]

Also, hat keiner ein Tutorial für Divs?

[Wuaegner]

Zitat:

"Gängig" schließt bei dir wohl nicht den 5.5er IE ein, mit dem ich mal arg gekämpft habe und dann resignierend zu Tabellen zurückgekehrt bin. Und glaube mir, ich wollte wirklich divs benutzen, es hatte mit Bequemlichkeit nichts zu tun.

Genau damit hatte ich auch meine Darstellungsprobleme, was mich deshalb zu meiner Aussage brachte@mh166.

@fantotal:
CSS4You scrolle hier mal nach unten da steht 1., 2. usw. schau dir die mal an.. sind zwar keien Tutorials aber doch klasse was divs angeht.

[Nils_13]

<div> ist finde ich praktischer, kompakter, besser, obwohl <table> auch gut ist, ich benutze beides und komme gut damit zurecht.

[fantotal]

Zitat:

Zitat von Wuaegner

@fantotal:
CSS4You scrolle hier mal nach unten da steht 1., 2. usw. schau dir die mal an.. sind zwar keien Tutorials aber doch klasse was divs angeht.

Wie du schon sagtest ist das zwar leider kein Tutorial, aber sehr schön anzusehen...und ein wenig ist es ja auch erkläret...vielen Dank! :thumb:

[MasterC]

Ich kann dir eigentlich nur <div> empfehlen. Früher habe ich nur <table> verwendet, bis ich irgendwann mir mal <div> genauer angeschaut habe. :)

Bis Heute verwende ich nur noch <div> Elemente, es ist wirklich einfacher und der Code ist damit auch viel übersichtlicher.

[DGL-luke]

man braucht für div's eigentlcih kein tut. alles was man macht ist:

<div class="someclass">textexttext</div>

allerdings braucht man dann ein tutorial für css :stupid:
denn das css-stylesheet passt das design an. und zwar kann man ihm eben sagen, dass es z.b. alle divs mit der class someclass rot unterlegen soll. oder ähnliches. eine css referenz findet man unter: www.selfaktuell.teamone.de (auch für alles andere, was webdesign-grundwissen betrifft, sehr zu empfehlen.)

weiss eigentlcih jemand, wie man so eine div justified und right-aligned kriegt?
scheiss anglizismen..... also rechtsbündig blocksatz?

EDIT: oha, was ham die denn da gemacht?!
www.selfhtml.org musst du machen.....

[fantotal]

Also CSS ist kein Problem, damit komme ich gut klar, aber ich wüsste momentan nicht wie ich jetzt z.B. ne drei Spaltige Homepage mit div's gestalten könnte, da ich nicht weiß, wie ich die anordnen kann. :gruebel:

[Wuaegner]

Zitat:

Also CSS ist kein Problem, damit komme ich gut klar, aber ich wüsste momentan nicht wie ich jetzt z.B. ne drei Spaltige Homepage mit div's gestalten könnte, da ich nicht weiß, wie ich die anordnen kann.

Genau dieser Fall ist bei meinem Link beschrieben :wink:

[Robert_G]

Interessant dürfte auch der sein:
Wie bereits oben empfohlen:

• a list apart: http://www.alistapart.com/articles/
• ein paar tricky hacks um dem IE auf valide Art das richtige Layout einzuhämmern: http://www.tantek.com
• Noch ein paar valide Tricks gegen allgemeine Browserdummheiten: http://www.thenoodleincident.com/ speziell das hier

Vor allem "a list apart" ist sehr cool. (Mag auch an J. Zeldmans Artikeln liegen ;) )