Jens Borsdorf: TABLE WIDTH/HEIGHT=100% funktioniert online im IE nicht

Hallo,

ich versuche, ein Bild mittig im Browserfenster anzuordnen. Und das möglichst mit herkömmlichem HTML. Dazu verwende ich folgenden Code:

<table width="100%" height="100%"><tr><td align="center" valign="middle">
  CONTENT
</td></tr></table>

Offline klappt das super. Wenn der InternetExplorer (Version 6) die Seite aber aus dem Internet geladen hat, stellt er die Tabelle kleiner dar. Komisch ist, dass nachdem man die Seite neu lädt, die Tabelle auch richtig dargestellt wird.

Das Problem tritt also nur beim 1. mal online laden auf.

Vielleicht kennt jemand ein tolles Workaround, ansonsten kann ich auch die CSS-Lösung verwenden.

  1. Moin Moin !

    <table width="100%" height="100%"><tr><td align="center" valign="middle">
      CONTENT
    </td></tr></table>

    Das funktioniert nur zufällig, weil es kein gültiges HTML ist. Frag den http://validator.w3.org/, oder lies in SelfHTML nach. Tabellen haben kein HEIGHT-Attribut: http://selfhtml.teamone.de/html/referenz/attribute.htm#table

    Nimm die CSS-Lösung.

    Alexander

    --
    Nein, ich beantworte keine Fragen per eMail. Dafür ist das Forum da.
    Today I will gladly share my knowledge and experience, for there are no sweeter words than "I told you so!"
    1. Das funktioniert nur zufällig, weil es kein gültiges HTML ist. Frag den http://validator.w3.org/, oder lies in SelfHTML nach. Tabellen haben kein HEIGHT-Attribut: http://selfhtml.teamone.de/html/referenz/attribute.htm#table

      Das ist mir schon klar aber anscheinened interpretieren es ja doch alle (gängigen) Browser. Der IE machts ja auch beim 2. mal laden...

      Nimm die CSS-Lösung.

      Leider ist die etwas problematisch für den Netscape 4.7 ;-(

  2. Hallo!

    <table width="100%" height="100%"><tr><td align="center" valign="middle">
      CONTENT
    </td></tr></table>

    1. würd ichs so machen:
    <table heigth="100%" align="center"><tr><td>
    content
    </table>
    Funktioniert normalerweise mit jedem Browser,
    mit CSS sieht das so aus (solltest Du _zusätzlich_ verenden:
    body, html, table {height:100%}
    table {margin:auto}

    tschüs, jürgen

    1. Funktioniert normalerweise mit jedem Browser,
      mit CSS sieht das so aus (solltest Du _zusätzlich_ verenden:

      sorry, ich hoffe nicht, daß Du an der Sache stirbst...^^^^^^^^

      body, html, table {height:100%}
      table {margin:auto}

      tschüs, jürgen

  3. <table width="100%" height="100%"><tr><td align="center" valign="middle">

    table height=100% sollte nicht verwendet werden bei MSIE, weil der nicht konform ist.

    Konformität zu W3C bedeutet immer, table height=90% beim IE.

    Deshalb sollten alle Tables nur mit 90% angegebene werden, Dann werden sie immer richtig (zu 90%) dargestellt.
    Das aber gilt nur für den IE. Ansonsten sollte man sich immer table height genauer informieren.

    Hihi

  4. Hallo,

    Auch Hallo!

    height macht so oder so!!
    auf alle fälle solltest Du zusätzlich margin verwenden, um bei 100%
    keine unnötigen scrollbalken zu kriegen!

    Und im Opera geht dann gar nix mehr! -
    der ignoriert height einfach *g*

    Die einzige funktionierende Lösung:

    FRAMES - hmm ich weiss aber ist so!!

    Orestis

    1. Hallo,
      Auch Hallo!

      ebenfalls

      Und im Opera geht dann gar nix mehr! -
      der ignoriert height einfach *g*

      Nein machternichtmehr, war nur mal kurz bei opera7.03 oder so.

      Die einzige funktionierende Lösung:

      FRAMES - hmm ich weiss aber ist so!!

      igittigitt

      tschüs, jürgen

  5. Leider hat mir das alles nicht geholfen. Grundsätzlich funktioniert mein HTML ja. Das Problem tritt ebend nur auf, wenn die Seite das ERSTE MAL VON ONLINE geladen wird. Lokal geht es sofort.

    Warum unterscheidet sich ONLINE/LOKAL laden im InternetExplorer?

    Schaut doch mal meine Beispielseite an:
    http://www.jens-borsdorf.de/tabletest.html

    1. Hallo!

      http://www.jens-borsdorf.de/tabletest.html

      Kleiner Trost: mit ie5 einwandfrei, ie6 habichnix.

      tschüs, jürgen

    2. hi,

      hättest du dich im FORUMSARCHIV umgesehn, dann hättest du dieses problem sicher nicht mehr. denn diese frage wurde nicht zum ersten mal gestellt.

      http://www.stud.uni-giessen.de/~su6690/test/div1.html

      NAG

      1. hättest du dich im FORUMSARCHIV umgesehn, dann hättest du dieses problem sicher nicht mehr. denn diese frage wurde nicht zum ersten mal gestellt.

        Sorry, hab dort auf Anhieb nichts gefunden.

        http://www.stud.uni-giessen.de/~su6690/test/div1.html

        Danke! Wichtig war die Style-Definition 'body { margin:0px; }'.

        Jetzt klappts auch: http://kunden.ocean5.de/protraining/start.html
        (Bilder-Tabelle und Hintergrund sind immer zentriert)