Also... Ich hab da selbst erst kürzlich Erfahrungen mit gemacht, als ich das Design von
http://trashcan.dangerouscat.net/ umgestellt habe...
Zuerst hatte ich es ganz normal mit Tabellen erstellt und dann in zwei Stunden fast alle Designtabellen durch <div>s ersetzt...
Was allerdings nicht geklappt hat war, den eigentlichen Content-Teil (wo das Directory Listing drin angezeigt wird) auf <div>s umzustellen, weil die Browser derzeit noch nicht das automatische vergrössern beider Absätze unterstützt.
Wenn man weiss, welcher der Absätze später der grössere ist kann man mit Perversitäten wie Hintergrundbild fürs Parent-Tag und so arbeiten, aber ersten ist das eine müllige Lösung und zweitens weiss ich ja auch nicht, ob ein Verzeichnis jetzt mehr Unterverzeichnisse oder mehr Dateien enthält, von daher...
Was die Tabellen angeht:
Es gibt zwei Dinge, die Tabellen für Designs UNSCHÖN (aber nicht unbrauchbar) machen:
1.: Man kann mit einer Tabelle sehr schnell die Leserichtung durcheinanderbringen:
HTML:
<table>
<tr>
<td valign="top" id="A">nav teil 1</td>
<td rowspan="2" id="B">content</td>
</tr>
<tr>
<td valign="bottom" id="C">nav teil 2</td>
</tr>
</table>
Wenn man die Navigationsteile A und C optisch gleich formatiert und beide auf einer Bildschirmseite sind wird der Benutzer eines normalen Browsers höchstwahrscheinlich in der Reihenfolge A-C-B lesen. Ein Browser für Blinde wird allerdings exakt die Reihenfolge nehmen, in der der Text in der Datei steht, also A-B-C. Der Content wird also inmitten der Navigation vorgelesen.
2.: Bevor eine Tabelle am Bildschirm angezeigt werden kann muss sie erstmal inklusive aller enthaltenen Daten geladen werden, wohingegen ein äquvalentes Design aus Absätzen Stück für Stück aufgebaut wird, wann immer einer der Absätze geladen ist.