Tabellen durch Div ersetzen

[Caesar]

Hallo,

ich habe jetzt schon viel darüber gelesen, dass es Vorteilhaft sei, Tabellen durch Div zu erstetzen. Kennt hier jemand eine Seite, wo ich mir vielleicht ein Tutorial dazu ansehen kann?

[Sunbringer]

du solltest z.B. mit dem boxmodel auf css4you.de anfangen. Ist ziemlich gut zum Anfangen...

ansonsten informier dich übers Liquid Design und was am besten ist ... lerne aus guten Seiten ... runter laden ( Datei speichern) und dann Quelltest analysieren, kommt immer gut und du lernst ne Menge dabei.

[Caesar]

hättest du ein beispiel für ein paar "gute Seiten"?

[HW]

Suche für PageRank 4 Unterseite Linkpartner

hättest du ein beispiel für ein paar "gute Seiten"?

..ja meine. Aber nicht das Design übernehmen sondern nur Ideen und Technik übernehmen. Ich sage nicht ganz ohne Stolz, dass ist das einzige 3 spaltige fluit Layout das funktioniert. (Habe ich lange dran gebastelt).
Am besten schaust Du dir lediglich die CSS-File position.css an. Dann kommst Du nicht in Versuchung die Formatierungen mit zu übernehmen.

Ansonsten sind gute quellen:
www.stopdesign.com
www.alistapart.com
www.mezzoblue.com (css Zen Garden)

[HW]

..nochwas zu CSS und tabellenlosem Design.

Man muss sich darüber im Klaren sein, dass man bei diesem Design auf die gängigen WYSIWYG verzichten muss. Die können nämlich mit diesen Tricks nicht umgehen.
Content Management Systeme können damit auch nicht umgehen.
Da ich asp.net Programmierer bin, habe ich mir mein eigenes CMS-System gebastelt.

Mein Layout hat noch die Besonderheit das der Content (content first) am Anfang im Quellcode steht.

Aber mach Dir nicht allzu große Hoffnungen, dass Du dadurch dein Ranking deutlich verbessern würdest.
Du würdest aber einen großen Schritt in Richtung barrierefreies Webdesign gehen.

[poolie]

Man muss sich darüber im Klaren sein, dass man bei diesem Design auf die gängigen WYSIWYG verzichten muss. Die können nämlich mit diesen Tricks nicht umgehen.
Content Management Systeme können damit auch nicht umgehen.
Da ich asp.net Programmierer bin, habe ich mir mein eigenes CMS-System gebastelt.

dreamweaver zeigt css designs ganz gut an.

[Sunbringer]

Ja, unbedingt auf das achten was HW geschrieben hat!

Dein anzuzeigender Content bei Google-Abfragen ist immer das was als erstes auf der Seite steht. Achte gleich drauf, das dein Content-Container möglichst gleich als erstes steht...

Ansonsten gute Seiten ... hmmm, ich habe mir immer die Großen rausgesucht und analysiert ... (GMX usw) .. einfach aml nen schnellen Blick auf den Quelltext, gucken ob die divs oder tables nutzen und dann zuschlagen und durcharbeiten.

[nupe]

@hw,

ch sage nicht ganz ohne Stolz, dass ist das einzige 3 spaltige fluit Layout das funktioniert. (Habe ich lange dran gebastelt).

...das stinkt ja schon fast...
schau mal hier: https://glish.com/css/8.asp

4spaltig...

[HW]

..naja ich meine mit Content first. Das schaffen die meisten Layouts nicht

Dann setze mal unter dem glish Design einen footer. Bei mir ist es egal welche Spalte den meisten Content hat. Der footer läßt sich immer unter allen Spalten plazieren.

Glaube mir ein Design mit 3 spaltig Content first und footer unter alle spalten und dabei auch noch fluit mit realtiver positionierung.
Da musste lange suchen. Oder Du schaust dir meine Seiten an.

Die Seiten www.aspnet-tricks.de und www.wie-soft.de gründen auf der gleichen Basis.

[nupe]

jep - ist schon fein..gute arbeit:P

aspnet hat aber massive darstellungsprobleme auf safari...

wie-soft sieht gut aus...

[HW]

@nupe
..danke für die Info werde ich mir mal anschauen. Habe ich noch nicht gemacht.

Leider habe ich kein apple Rechern aber zum Glück gibt es
https://www.danvine.com/icapture/

[Jörg]

schau mal hier: https://glish.com/css/8.asp

4spaltig...

wohl noch nicht ganz ausgereift, versuch mal mit dem IE 6 einen Text in einer der 4 oberen Boxen zu markieren

[nupe]

@jörg,

stimmt - aber auf ie unter mac funzt alles..

aber textmarkierungen sind meines erachtens kein bug - welcher user macht das schon..

[Jörg]

stimmt - aber auf ie unter mac funzt alles..

ist eigentlich auch ein ganz anderer Browser als der Windows IE

aber textmarkierungen sind meines erachtens kein bug - welcher user macht das schon..

oder es ist ein Feature gegen Textklau

[HW]

Der Dienst bei ICaptue scheint nicht mehr zu funktionieren, habe den immer gerne benutzt. Und nu, ich habe keinen Mac