Seite 1 von 2

Tabellen durch Div ersetzen

Verfasst: 22.09.2004, 21:36
von 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?

Verfasst:
von

Verfasst: 22.09.2004, 21:44
von 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.

Verfasst: 22.09.2004, 21:45
von Caesar
hättest du ein beispiel für ein paar "gute Seiten"?

Verfasst:
von

Verfasst: 23.09.2004, 06:42
von 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)

Verfasst: 23.09.2004, 06:50
von 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.

Verfasst: 23.09.2004, 06:53
von poolie
HW hat geschrieben: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.

Verfasst: 23.09.2004, 07:20
von 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.

Verfasst: 23.09.2004, 07:23
von 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...:D
schau mal hier: https://glish.com/css/8.asp

4spaltig...

Verfasst: 23.09.2004, 07:36
von HW
..naja ich meine mit Content first. Das schaffen die meisten Layouts nicht :oops:

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.

Verfasst: 23.09.2004, 08:32
von nupe
:D jep - ist schon fein..gute arbeit:P

aspnet hat aber massive darstellungsprobleme auf safari... :-?

wie-soft sieht gut aus...

Verfasst: 23.09.2004, 08:47
von 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/

Verfasst: 23.09.2004, 08:57
von Jörg
nupe hat geschrieben: 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

Verfasst: 23.09.2004, 09:08
von nupe
@jörg,

stimmt - aber auf ie unter mac funzt alles..

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

Verfasst: 23.09.2004, 09:18
von Jörg
nupe hat geschrieben: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.. :P
oder es ist ein Feature gegen Textklau :D

Verfasst: 23.09.2004, 09:38
von HW
Der Dienst bei ICaptue scheint nicht mehr zu funktionieren, habe den immer gerne benutzt. Und nu, ich habe keinen Mac :cry: