Struppi: 100% height - Lösung?

Da das 100% Höhen Problem hier regelmäßig auftaucht, hab ich mal ein wenig rumprobiert. Das folgende zeigen die meisten mir zu Verfügung stehende Browser fast gewünscht an. Es ist aber vermutlich nicht wirklich valide.
Geht es noch besser?
Oder gibt es grundsätzlich bedenken es so zu machen?

Getestet mit:
Opera 6.0
Netscape 4.5
IE 4.01
K-Meleon 07

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<title>100% Höhe</TITLE>
<style>
html{height:100%;}
body{height:100%;}
</style>
</HEAD>
<BODY>
<img src="leer.gif" alt="test" height="100%" width="1" align="left">
<table border="1" width="100%" height="100%"><tr>
<td align="center" valign="middle">T E S T</TD>
</TR></table>
</BODY>
</HTML>

Struppi.

  1. Hi,

    Geht es noch besser?

    ja. Man könnte es richtig machen - also das height-Attribut aus dem <table>-Element weglassen.

    <style>

    ERROR: Required attribute "type" missing.

    html{height:100%;}
    body{height:100%;}

    Das lässt sich in einer Zeile zusammenfassen, und theoretisch sollte die letzte Zeile auch ausreichen. Wenn Du jetzt noch einen Schritt weitergehst und jenes Element, dass Du mit einer Höhe versehen willst, hier entsprechend erwähnst, hast Du die Lösung, die Du auch im Archiv finden kannst.

    <img src="leer.gif" alt="test" height="100%" width="1" align="left">

    Argl, völlig unnötig. Zudem ist der Wert des alt-Attributs sehr sinnfrei.

    Cheatah

    --
    X-Will-Answer-Email: No
    1. Hi,

      Geht es noch besser?

      ja. Man könnte es richtig machen - also das height-Attribut aus dem <table>-Element weglassen.

      Mir ging's um eine Lösungsversuch, der in allen Browsern funktioniert. Ohne funktioniert es nicht im Netscape.

      <style>

      ERROR: Required attribute "type" missing.

      Hatte ich auch gemerkt, war nur ein Quick Hack.

      html{height:100%;}
      body{height:100%;}

      Das lässt sich in einer Zeile zusammenfassen, und theoretisch sollte die letzte Zeile auch ausreichen. Wenn Du jetzt noch einen Schritt weitergehst und jenes Element, dass Du mit einer Höhe versehen willst, hier entsprechend erwähnst, hast Du die Lösung, die Du auch im Archiv finden kannst.

      Du meinst table{height:100%;} Das klappt dann nicht mit Netscape.

      <img src="leer.gif" alt="test" height="100%" width="1" align="left">

      Argl, völlig unnötig. Zudem ist der Wert des alt-Attributs sehr sinnfrei.

      Ohne das Bild klappt es nicht mit mit Netscape und MZ.

      Struppi

      1. Hi,

        ja. Man könnte es richtig machen - also das height-Attribut aus dem <table>-Element weglassen.
        Mir ging's um eine Lösungsversuch, der in allen Browsern funktioniert. Ohne funktioniert es nicht im Netscape.

        und bist Du Dir sicher, dass es mit einem ungültigem Attribut in zukünftigen Browsern funktionieren wird? Was "alle Browser" sind, müsstest Du eventuell auch noch definieren.

        Cheatah

        --
        X-Will-Answer-Email: No
        1. Hi,

          ja. Man könnte es richtig machen - also das height-Attribut aus dem <table>-Element weglassen.
          Mir ging's um eine Lösungsversuch, der in allen Browsern funktioniert. Ohne funktioniert es nicht im Netscape.

          und bist Du Dir sicher, dass es mit einem ungültigem Attribut in zukünftigen Browsern funktionieren wird? Was "alle Browser" sind, müsstest Du eventuell auch noch definieren.

          Alle die mit den Angaben momentan was anfangen können.

          Lass das height Attribut weg und es funktioniert in einem momentan noch häufig benutzten Browser nicht. Alle anderen (die was damit machen können) zeigen es auch richtig an. Wo ist das Problem?

          Nächstes Jahr nehmen wir es raus.

          Und BTW, ich würd so einen Unsinn auch nicht verwenden.

          Struppi.