[HTML] Höhe 100%?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Mr.Clear, 16. Oktober 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 16. Oktober 2006
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    Höhe 100%?

    Sers Leute =)

    Hab das Problem schon öfters gehabt, schön öfters selbst gelöst,
    aber irgendwie beiß ich mir grad daran wieder mal die Zähne aus:
    Eine Tabellen-Zelle soll den restlichen Platz des Brwoserfensters einnehmen.
    <td height="100%"> und nix passiert, sie wird höchstens minimal.

    Hier z.B, mein derzeitiges Problem:
    Alle Spalten in denen "Höhe 100%" steht, solln sich immer mit strecken,
    die restlichen Spalten haben irgendwelche definierte Höhen.

    HTML:
    <!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>
    </head>
    
    <body marginheight="0" marginwidth="0">
    <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
     <tr>
     <td width="*" height="100%">H&ouml;he: 100%</td>
     <td width="820" height="100%" align="center" valign="top">
     <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
     <tr height="100%">
     <td width="820" height="150">&nbsp;</td>
     </tr>
     <tr height="100%" align="left" valign="top">
     <td height="100%" align="left" valign="top">
     <table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
     <tr align="left" valign="top" height="100%" width="178">
     <td width="178" height="100%" align="left" valign="top">
     <table width="178" height="100%" border="1" cellpadding="0" cellspacing="0">
     <tr height="100%">
     <td width="150" height="100%" valign="top">H&ouml;he: 100%</td>
     </tr>
     </table>
     </td>
     <td width="*" height="100%">
     Höhe: 100%
     </td>
     <td width="100" height="100%">H&ouml;he: 100%</td>
     </tr>
     </table></td>
     </tr>
     <tr height="44">
     <td height="44" align="center" valign="top"></td>
     </tr>
     <tr height="10">
     <td align="center">&nbsp;</td>
     </tr>
     </table>
     </td>
     <td width="*" height="100%">H&ouml;he: 100%</td>
     </tr>
    </table>
    </body>
    </html>
    
    Probierts mal aus, bei mir schauts so aus:
    View Php Php R=&id=ec9eb0799932d6117e57f8b318a99 / Download - RR:Suche

    Wäre goiL, wenn ihr mir sagen könntet, was ich falsch mach,
    bzw, wo mein denkfehler liegt =)

    Mfg
     
  2. 16. Oktober 2006
    AW: Höhe 100%?

    die 100% beziehen sich auf den tabelleninhalt.

    wenn du in den tabellen teil ein bild oder bg als bg bild einfuegst wird sich das auch mitstrecken wenn du enter drueckst.
     
  3. 16. Oktober 2006
    AW: Höhe 100%?

    Dachte die width und height beziehen sich auf das Browserfenster...
    Wie kann ich denn dann eine Tabelle maximal (also 100%h und 100%w) machen?
     
  4. 16. Oktober 2006
    AW: Höhe 100%?

    das attribut height existiert eigentlich nicht
    zumindest nicht für tabellen etc.
    du brauchst auf jeden fall vorher eine box/tabelle die dem browser sagt, was 100% überhaupt sind
    wenn du eine tabelle genau auf browserhöhe machen willst brauchst du leider javascript
     
  5. 17. Oktober 2006
    AW: Höhe 100%?

    axooo... komisch, bisher gings bei mir ab undzu ^^
    naja gut, ich hatte mal nen PHP Counter, der mir auch kleine
    Statistiken erstellt hat, unter anderem auch welche Auflösung die Besucher hatten.
    D.h. PHP kann die Auflösung eines jeden Users rausfinden, dass könnt ihc ja dann als maximum verwenden oder?
    Weiß jemand die Variable dazu?

    Mfg
     
  6. 17. Oktober 2006
    AW: Höhe 100%?

    Soweit ich weiß kann man easy mit JavaScript die Auflösung eines Users herausfinden, was aber leider von Browser zu Browser unterschiedlich ist. Musste mal google'n.

    FlowFlo
     
  7. 17. Oktober 2006
    AW: Höhe 100%?

    style="height:100%;" ?
    As known As CSS ?
    Oder meint ihr was anderes.

    (Natürlich so einbinden:

    <table [...] style="height:100%;"> )
     
  8. 17. Oktober 2006
    AW: Höhe 100%?

    hm, wenn ich das richtig gesehen habe, möchtest du ja, das die Tabelle immer den ganzen bildschrim füllt, wobei zu diesem zweck nur ein bestimmtes Feld gestreckt werden soll, alle anderen aber ihre höhe behalten sollen, richtig?
    falls ja kann man sich dem "non-strict" / "non-existing" height attribut bei tabellen schon bedienen, wenn man keinen besonderen wert darauf legt, dass die Seite dann zwar angezeigt wird, aber vom quelltext her eigentlich ungültig ist.
    Wichtig ist, dass die tabelle als 100% gekennzeichnet wird:
    HTML:
    <table height="100%" width="100%" ... >
    alle zellen, die dann eine feste höhe haben sollen bekommen dann einen wert zugewiesen, die "beweglichen" / "veränderbaren" entsprechend kein height attribut.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.