Lutz Klingner: seitenfüllende Tabelle o. sichtbaren Hintergrund u. NC 4.73?

SELF-Forum

seitenfüllende Tabelle o. sichtbaren Hintergrund u. NC 4.73?

Lutz Klingner
– Informationen zu den Bewertungsregeln

Hallo!

Ich versuche eine Tabelle zu erzeugen, die wirklich 100% des verfügbaren Browserfensters ausfüllt.
Dies funktioniert hervorragend mit CSS, nur eben nicht unter NC4.73.
Ich habe überprüft ob der Browser CSS überhaupt ausfürt oder etwa JS ausgeschaltet ist. Ergebnis: CSS werden ausgeführt.
Auch die Verwendung von unprofessionellen Atributen im BODY-Tag brachte mich nicht weiter.
Der PageHintergrund bleibt am rechten und unteren Rand sichtbar.

Ich danke für jede interessante Idee
Lutz_Klingner@t-online.de

Hier mein bisheriger Code:

<HTML>
 <HEAD>
  <style type="text/css">
   BODY {margin-left:0px; margin-right:0px; margin-top:0px; margin-
         bottom:0px }
  </style>
 </HEAD>
 <BODY marginwidth="0" marginheight="0" topmargin="100"
       leftmargin="50">

<table width="100%" height="100%" cellpadding="0" cellspacing="0">
   <tr><td> Test </td></tr>
  </table>

</BODY>
</HTML>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. seitenfüllende Tabelle o. sichtbaren Hintergrund u. NC 4.73?

    Mark Grotegerd Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo!

    Ich versuche eine Tabelle zu erzeugen, die wirklich 100% des verfügbaren Browserfensters ausfüllt.
    Dies funktioniert hervorragend mit CSS, nur eben nicht unter NC4.73.
    Ich habe überprüft ob der Browser CSS überhaupt ausfürt oder etwa JS ausgeschaltet ist. Ergebnis: CSS werden ausgeführt.

    JS hat in erster Linie nix mit css zu tun.

    Auch die Verwendung von unprofessionellen Atributen im BODY-Tag brachte mich nicht weiter.
    Der PageHintergrund bleibt am rechten und unteren Rand sichtbar.

    Ich danke für jede interessante Idee
    Lutz_Klingner@t-online.de

    Hier mein bisheriger Code:

    <HTML>
    <HEAD>
      <style type="text/css">
       BODY {margin-left:0px; margin-right:0px; margin-top:0px; margin-
             bottom:0px }
      </style>
    </HEAD>
    <BODY marginwidth="0" marginheight="0" topmargin="100"
           leftmargin="50">

    <table width="100%" height="100%" cellpadding="0" cellspacing="0">
       <tr><td> Test </td></tr>
      </table>

    </BODY>
    </HTML>

    Hallo!
    Versuchs mal so:

    <html>
      <head>

    <script type="text/javascript">

    var w = window;
          var d = document;
          var wh,ww;

    // diese Funktion liest die verfügbare Fensterfläche aus.
          // Die Werte wh und ww (windowheight und windowwidth kann man dann
          // später verwenden, um eine Tabelle zu erstellen.

    function getwd() {
            wh = w.innerHeight ? w.innerHeight : d.body.clientHeight;
            ww = w.innerWidth  ? w.innerWidth  : d.body.clientWidth;
            };

    </script>

    <style type="text/css">
          body {
            margin:0px;
            }
        </style>

    </head>

    <body>

    <script type="text/javascript">
          getwd();
          d.write('<table width=' + ww + ' height=' + wh + ' cellpadding=0 cellspacing=0>');
          d.write('  <tr>');
          d.write('    <td bgcolor=#d3d3d3>');
          d.write('      <h1>hallo welt</h1>');
          d.write('    </td>');
          d.write('  </tr>');
          d.write('</table>');
        </script>

    </body>

    </html>

    Diese Konstruktion mit JS und Tabelle sollte eingentlich mit NS 4.x funtionieren. Ansonsten empfehle ich immer, folgenden Link in die Webseite einzubauen:

    if (!document.getElementById) window.location="http://www.webstandards.org/upgrade";

    ;)

    Gruss Mark

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. seitenfüllende Tabelle o. sichtbaren Hintergrund u. NC 4.73?

      MIni Hammes
      – Informationen zu den Bewertungsregeln

      Hi,

      ich hab das ganze ausprobiert, und das einfache tabellen kostrukt funktioniert einwandfrei auch in nn 4.7

      vielleicht mal einen gegencheck machen eine border anlegen und den text mal recht-bündig und unten ausgerichtet abschliessen lassen!
      dann kann man m. e. auf aufwendige javascript-aufbauten verzichten!
      Gruß und viel Erfolg
      Mini ;o}

      Hallo!

      Ich versuche eine Tabelle zu erzeugen, die wirklich 100% des verfügbaren Browserfensters ausfüllt.
      Dies funktioniert hervorragend mit CSS, nur eben nicht unter NC4.73.
      Ich habe überprüft ob der Browser CSS überhaupt ausfürt oder etwa JS ausgeschaltet ist. Ergebnis: CSS werden ausgeführt.

      JS hat in erster Linie nix mit css zu tun.

      Auch die Verwendung von unprofessionellen Atributen im BODY-Tag brachte mich nicht weiter.
      Der PageHintergrund bleibt am rechten und unteren Rand sichtbar.

      Ich danke für jede interessante Idee
      Lutz_Klingner@t-online.de

      Hier mein bisheriger Code:

      <HTML>
      <HEAD>
        <style type="text/css">
         BODY {margin-left:0px; margin-right:0px; margin-top:0px; margin-
               bottom:0px }
        </style>
      </HEAD>
      <BODY marginwidth="0" marginheight="0" topmargin="100"
             leftmargin="50">

      <table width="100%" height="100%" cellpadding="0" cellspacing="0">
         <tr><td> Test </td></tr>
        </table>

      </BODY>
      </HTML>

      Hallo!
      Versuchs mal so:

      <html>
        <head>

      <script type="text/javascript">

      var w = window;
            var d = document;
            var wh,ww;

      // diese Funktion liest die verfügbare Fensterfläche aus.
            // Die Werte wh und ww (windowheight und windowwidth kann man dann
            // später verwenden, um eine Tabelle zu erstellen.

      function getwd() {
              wh = w.innerHeight ? w.innerHeight : d.body.clientHeight;
              ww = w.innerWidth  ? w.innerWidth  : d.body.clientWidth;
              };

      </script>

      <style type="text/css">
            body {
              margin:0px;
              }
          </style>

      </head>

      <body>

      <script type="text/javascript">
            getwd();
            d.write('<table width=' + ww + ' height=' + wh + ' cellpadding=0 cellspacing=0>');
            d.write('  <tr>');
            d.write('    <td bgcolor=#d3d3d3>');
            d.write('      <h1>hallo welt</h1>');
            d.write('    </td>');
            d.write('  </tr>');
            d.write('</table>');
          </script>

      </body>

      </html>

      Diese Konstruktion mit JS und Tabelle sollte eingentlich mit NS 4.x funtionieren. Ansonsten empfehle ich immer, folgenden Link in die Webseite einzubauen:

      if (!document.getElementById) window.location="http://www.webstandards.org/upgrade";

      ;)

      Gruss Mark

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. seitenfüllende Tabelle o. sichtbaren Hintergrund u. NC 4.73?

        Lutz Klingner
        – Informationen zu den Bewertungsregeln

        Hallo Mini und Mark,

        erstmal danke für Eure Vorschläge.
        Ich habe die JS-Variante von Mark ausprobiert.
        Das Ergebniss entsprach leider nicht meinen Vorstellungen.
        Die erzeugte Tabelle füllt zwar den Hintergrund, aber der unerwünschte Abstand zwischen BrowserFenster und äußerem Tabellenrand ist noch da.
        Auch die verlockende Variante von Mini hat es nicht ganz getroffen.
        Jetzt hat meine Tabelle zwar einen Rahmen und mein Text steht unten rechts. Aber der Abstand Tabelle / BrowserFenster ist immer noch nicht weg.
        Wenn Euch noch etwas einfällt, wie ich den Abstand auf Null bekomme, währe ich sehr dankbar.

        MfG
        Lutz_Klingner@t-online.de

        Hi,

        ich hab das ganze ausprobiert, und das einfache tabellen kostrukt funktioniert einwandfrei auch in nn 4.7

        vielleicht mal einen gegencheck machen eine border anlegen und den text mal recht-bündig und unten ausgerichtet abschliessen lassen!
        dann kann man m. e. auf aufwendige javascript-aufbauten verzichten!
        Gruß und viel Erfolg
        Mini ;o}

        Hallo!

        Ich versuche eine Tabelle zu erzeugen, die wirklich 100% des verfügbaren Browserfensters ausfüllt.
        Dies funktioniert hervorragend mit CSS, nur eben nicht unter NC4.73.
        Ich habe überprüft ob der Browser CSS überhaupt ausfürt oder etwa JS ausgeschaltet ist. Ergebnis: CSS werden ausgeführt.

        JS hat in erster Linie nix mit css zu tun.

        Auch die Verwendung von unprofessionellen Atributen im BODY-Tag brachte mich nicht weiter.
        Der PageHintergrund bleibt am rechten und unteren Rand sichtbar.

        Ich danke für jede interessante Idee
        Lutz_Klingner@t-online.de

        Hier mein bisheriger Code:

        <HTML>
        <HEAD>
          <style type="text/css">
           BODY {margin-left:0px; margin-right:0px; margin-top:0px; margin-
                 bottom:0px }
          </style>
        </HEAD>
        <BODY marginwidth="0" marginheight="0" topmargin="100"
               leftmargin="50">

        <table width="100%" height="100%" cellpadding="0" cellspacing="0">
           <tr><td> Test </td></tr>
          </table>

        </BODY>
        </HTML>

        Hallo!
        Versuchs mal so:

        <html>
          <head>

        <script type="text/javascript">

        var w = window;
              var d = document;
              var wh,ww;

        // diese Funktion liest die verfügbare Fensterfläche aus.
              // Die Werte wh und ww (windowheight und windowwidth kann man dann
              // später verwenden, um eine Tabelle zu erstellen.

        function getwd() {
                wh = w.innerHeight ? w.innerHeight : d.body.clientHeight;
                ww = w.innerWidth  ? w.innerWidth  : d.body.clientWidth;
                };

        </script>

        <style type="text/css">
              body {
                margin:0px;
                }
            </style>

        </head>

        <body>

        <script type="text/javascript">
              getwd();
              d.write('<table width=' + ww + ' height=' + wh + ' cellpadding=0 cellspacing=0>');
              d.write('  <tr>');
              d.write('    <td bgcolor=#d3d3d3>');
              d.write('      <h1>hallo welt</h1>');
              d.write('    </td>');
              d.write('  </tr>');
              d.write('</table>');
            </script>

        </body>

        </html>

        Diese Konstruktion mit JS und Tabelle sollte eingentlich mit NS 4.x funtionieren. Ansonsten empfehle ich immer, folgenden Link in die Webseite einzubauen:

        if (!document.getElementById) window.location="http://www.webstandards.org/upgrade";

        ;)

        Gruss Mark

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln