TABLE WIDTH/HEIGHT=100% funktioniert online im IE nicht
Jens Borsdorf
- browser
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.
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
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 ;-(
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
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
<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
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
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
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
Hallo!
http://www.jens-borsdorf.de/tabletest.html
Kleiner Trost: mit ie5 einwandfrei, ie6 habichnix.
tschüs, jürgen
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
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.
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)