QXARE schrieb:
Es ist auch heute noch empfehlenswert, die Größenangaben bei <img />-Tags zu hinterlegen.
Mir ging es eher um die table. Bei img kommt es drauf an. Gerade bei gefloateten Bildern ist es natürlich ratsam, da sonst der Text erst nach dem Laden des Bildes verschoben wird.
Hat man um das img sowieso ein Div, so spielt es keine wirkliche Rolle.
Bei einem spacer.gif (1x1px transparent) bspw haben Größenangaben nix im Html verloren.
Bzgl Tabellen für das Grundlayout ist die Sache eigentlich relativ simpel. Es ist extrem unübersichtlich und unflexibel.
Gerade wenn man ein responsive Layout machen will vollkommen ungeeignet.
Bspw bei einem Zwei- oder Dreispaltigem Layout ist es nicht möglich bspw die rechte Spalte bei niedriger Auflösung unterhalb anzuzeigen.
Die Spalte ist und bleibt immer rechts.
Zumal folgendes doch schöner aussieht:
Code:
<div class="main">
<div class="sidebar left">... Irgendwelche Widgets oder so</div>
<div class="content">Hauptinhalt
<div class="content_footer">Infos zum Hauptinhalt (bspw Quellen, Autor)</div>
</div>
<div class="sidebar right">... Irgendwelche Widgets oder so</div>
</div>
Als das hier:
Code:
<table>
<tr>
<td class="sidebar left">... Irgendwelche Widgets oder so</td>
<td class="content">Hauptinhalt</td>
<td class="sidebar right">... Irgendwelche Widgets oder so</td>
</tr>
<tr>
<td></td>
<td class="content_info">Infos zum Hauptinhalt (bspw Quellen, Autor)</td>
<td></td>
</tr>
</table>
Wenn ich bei ersterem die content_info doch lieber über dem Inhalt stehen haben will, so reichen einfachste CSS-Anpassungen.
Bei letzterem muss ich das ganze Konstrukt umbauen.
Will ich dann noch das es auf nem iPhone (320px Bildschrimbreite) gut aussieht und bspw die beiden Sidebars über-/unterhalb des Contents haben möchte, so ist das bei letzterem nicht möglich.
Schlimmer wird es wenn das ganze noch extremer verschachtelt ist. Wenn man den Code nach nem Jahr wieder anfassen muss ist es oft einfacher das ganze neu zu schreiben.
Wer programmieren will darf auch nicht stehenbleiben. Frames sind bspw im Standard nicht mehr enthalten. Irgendwann werden diese von aktuellen Browsern auch nicht mehr supportet. Genauso kann es passieren das Tricksereien mit Table-Layouts irgendwann nicht mehr funktionieren und die Seite zerhauen aussieht.