muhamanu: Verschobene Bereiche im IE8

Hallo,

habe immer das Problem, dass sich bei einer Homepage für eine Bekannte die Tebellenbreite im IE8 verschiebt, bei anderen Browsern wie Firefox, Google Chrome oder Safari passt hingegen alles:

zur Homepage

Was kann ich im Quelltext optimieren, dass sich nichts mehr verschiebt im IE?

Danke für eure Rückmeldungen!

  1. Hallo,

    habe immer das Problem, dass sich bei einer Homepage für eine Bekannte die Tebellenbreite im IE8 verschiebt, bei anderen Browsern wie Firefox, Google Chrome oder Safari passt hingegen alles:

    dann solltest Du mit dem Tabellenmodell fixer Breiten arbeiten.

    zur Homepage
    Was kann ich im Quelltext optimieren, dass sich nichts mehr verschiebt im IE?

    • auf veraltete HTML-Attribute wie cellpadding, cellspacing, align verzichten.
        Statt dessen konsequent CSS nutzen
    • Tabelle rauswerfen, Tabellenlayout ist von vorgestern.
        Statt dessen ein http://de.selfhtml.org/css/layouts/index.htm@title=CSS-Layout verwenden.
        Hinweis: An Smartphones hast Du nicht gedacht.
        Damit erledigt sich übrigens Dein Problem :-)
    • Stylesheet auslagern
    • Listen als solche kennzeichnen, z.B. die Aufzählung der Leistungen.
        d.h. sinnvollere Auszeichnung verwenden

    Der Codeumfang wird drastisch sinken und die Benutzbarkeit sowie Wartbarkeit der Seite wird hingegen deutlich steigen.

    Freundliche Grüße

    Vinzenz

    1. 'ǝɯɐu$ ıɥ

      Dummerweise können die eher mit Tabellen umgehen als mit CSS.

      ssnɹƃ
      ʍopɐɥs

      --
      “A computer lets you make more mistakes faster than any invention in human history–with the possible exceptions of handguns and tequila.”
      - Mitch Radcliffe
  2. Moin,

    zur Homepage

    Was kann ich im Quelltext optimieren, dass sich nichts mehr verschiebt im IE?

    Tu dir den Gefallen und lass das Tabellenlayout sein, dann hast du solche Probleme nicht. Benutze semantische Elemente wie <http://de.selfhtml.org/html/text/absaetze.htm@title=<p>>, <http://de.selfhtml.org/html/text/ueberschriften.htm@title=<h#>>, <http://de.selfhtml.org/html/text/listen.htm@title=<ul> und <ol>>, usw. Diese stylst du dann konsequent, also _ausschließlich_ mit http://de.selfhtml.org/css/index.htm@title=CSS.

    Deine Vorteile: Auch Screenreader und andere Hilfsmittel oder Textbrowser wie Lynx können mit der Seite was anfangen.

    Gruß,
    Take