In dem Quelltext gibt es noch einige Optimierungsmöglichkeiten.
Wenn du für das Tabellenlayout nur eine einzige Spalte benutzt, kannst du eigentlich auch ganz darauf verzichten.
Im Moment schnürst du dir mit den absoluten Größenangaben für die Tabelle ein enges Korsett.
Andererseits bietet die Tabelle auch gute Möglichkeiten für die Strukturierung der Seite.
Hier ein paar Vorschläge, was man machen könnte:
- Teile die Überschrift in drei Spalten auf. So bekommst du sehr einfach die beiden Grafiken auf eine Höhe und kannst den Text dazwischen genau zentrieren.
- auch für den Bereich darunter bieten sich drei Spalten an (Menü, Text mitte, Aktuelles)
- so kannst du für die beiden äußeren Spalten feste Breiten vorgeben und in der Mitte mit einer variablen Größe flexibel an die Bildschirmgröße anpassen.
- Deine (Haupt-)Tabelle hast du ganz oben zwar mit 100% Breite definiert, schränkst sie darunter aber mit colgroup="200" gleich wieder auf 200 Pixel ein. Macht nicht viel Sinn. Zumal 200 Pixel auch viel zu klein ist und die Tabelle sich aufgrund des größeren Inhaltes eh nicht daran hält.
Wenn ich solche Seiten erstelle, schalte ich mir während der Bauphase immer alle Tabellenränder an. Manchmal verpasse ich den Zellen auch noch unterschiedliche Farben, so dass man genau sehen kann, wo sich welche Zelle befindet. Das erleichtert die Formatierung der ganzen Seite ungemein. Wenn dann von den Größen und der Platzierung alles passt, ist es ein Leichtes, die Ränder und Farben auf das gewünschte Endergebnis zu bringen.
Gruß Flupo
