Mh, hab mir eben deinen Html-code angesehen und sehe darin das Darstellungsproblem. Das Hauptpoblem ist, dass du größtenteils mit Tabellen arbeitest, deren Breite/Höhe nicht deklariert ist. Die direkte Folge ist, dass sich die Größe der Tabellen und somit dein gesamtes Design verschiebt wenn man auch das Browserfenster verändert. Die Lösung wäre ein einfaches "width"-Attribut in den Tabellen/Table-Data/Table-Row Tags.
Noch besser wäre, wenn du vollständig auf Tabellen verzichtest und stattdessen auf <div>-Container umsteigst. Mit diesen hast du volle Kontrolle wo und wie groß die einzelnen Content-Felder angezeigt werden sollen. Dazu würde ich dir auch raten deine css in eine externe Datei einzubinden, so kannst du einmal ein funktionierendes Design erstellen und auf alle anderen Seiten anwenden, ohne jedesmal eine Änderung kopieren zu müssen.
Zum Design selbst würde ich sagen allgemein einheitlicher zu werden. Beispielsweise das Design deines Logos auf den Rest der Seite zu übertragen und vorallem einheitliche Schriftarten zu verwenden. Versuche außerdem mehr Kontraste zwischen Schrift und Hintergrund zu schaffen.
Hätte hier noch einige allgemeine Tipps zum html:
- Versuche auf Tabellen im Design zu verzichten
- Versuche auf das veraltete <center>-Tag zu verzichten, sobald html-5 raus ist gibts das eh nicht mehr (jedenfalls wenn du up-to-date bleiben willst)
- Festige dein Design durch <div>-Tags und festen Positionsangaben.
(--> position:absolute; left:10px; top:10px; (left und top geben den Abstand von der linken und oberen Kante an))
- Auf deiner Seite "Angebot", hast du einen Container mit Scroll-Balken. Versuche diesen allerdings wenn dann einheitlich einzusetzen oder vollständig zu entfernen
- Versuche auf Frames zu verzichten und wenn möglich auf php umzusteigen
Auf meiner Seite.
www.mike.bro-pro.de siehst du eine (meiner Meinung nach) recht gut geschriebene Website. Vielleicht kannst du dir im Quelltext einige Anregungen holen, auch wenn das jetzt noch so angeberisch wirkt :-P
mfg Mike