Stefan: Tabelle, Div, ... auf Browserhöhe anpassen

SELF-Forum

Tabelle, Div, ... auf Browserhöhe anpassen

Stefan
– Informationen zu den Bewertungsregeln

Hallo,

ich möchte eine Internetseite machen, die sich auf die Höhe vom Browserfenster anpasst. Wie mache ich das am besten, so das es in allen Browsern angezeigt wird.

Ich möchte aber nach diesem Standard arbeiten:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Vielen Dank für Eure Antworten

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabelle, Div, ... auf Browserhöhe anpassen

    Joe
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich möchte eine Internetseite machen, die sich auf die Höhe vom Browserfenster anpasst. Wie mache ich das am besten, so das es in allen Browsern angezeigt wird.

    Dann gestalte das Design auf 100%. Sprich, du gibts keine absoluten Werte an und lässt die Seite, je nach Browsergröße, darstellen.

    Ich möchte aber nach diesem Standard arbeiten:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    Ja. Mach das. Wenn das dein Wunsch ist.

    Vielen Dank für Eure Antworten

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Tabelle, Div, ... auf Browserhöhe anpassen

      Stefan
      – Informationen zu den Bewertungsregeln

      Folgendes Script funkitoniert aber dann im Internetexplorer nicht:
      Also die Innere Tabbelle wird nicht auf 100% angezeigt.

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <title>Unbenanntes Dokument</title>
      <style>
      html, body {
       height:100%;
       width: 100%;
       margin:0;
       padding:0;
      }

      </style>

      </head>

      <body>
      <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#330066">
        <tr>
          <td align="center" valign="top">

      <table width="500" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#990000">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>

      </td>
        </tr>
      </table>
      </body>
      </html>

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Tabelle, Div, ... auf Browserhöhe anpassen

        joe
        – Informationen zu den Bewertungsregeln

        Versuchs mal so:

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">

        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Unbenanntes Dokument</title>
        <style>

        html, body {
           height: 100%; /* wichtig */
         margin : 0px;
        }
        #box{
            min-height: 100%;
           height:auto !important; /* moderne Browser */
           height:100%; /* IE */
        }

        div {
         margin:0%
         padding:0%
         height:100%;
         border-left:1px solid #eee;
         border-right:1px solid #eee;
         background-color:red;
        }

        </style>

        </head>

        <body>

        <div id="box">
         <h1 id="header">Header</h1>
         <div id="inhalt">
         ...
         </div>
         <p id="footer">Footer</p>
        </div>

        </body>
        </html>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Tabelle, Div, ... auf Browserhöhe anpassen

          Stefan
          – Informationen zu den Bewertungsregeln

          Des funzt auch net...Des Problem ist, das ich eine Fusszeile hab, die ich immer unten sein soll, also unten am Browser.

          Hat nicht irgendeiner ne Idee wie das funktionieren würde ???

          Vielen Dank Stefan

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Tabelle, Div, ... auf Browserhöhe anpassen

            Gunnar Bittersmann Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hello out there!

            Des Problem ist, das ich eine Fusszeile hab, die ich immer unten sein soll, also unten am Browser.
            Hat nicht irgendeiner ne Idee wie das funktionieren würde ???

            Hat nicht irgendeiner ne Idee, in die FAQ zu schauen?

            See ya up the road,
            Gunnar

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln