Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Altezza tabella 100%

  1. #1

    Altezza tabella 100%

    So che è un argomento trattato in abbondanza sul forum, ma mi permetto di scrivere perchè non ho trovato risposta al mio doppio problema.
    Il mio problema è creare una tabella che si adatti allo schermo in altezza, perchè in larghezza funziona correttamente.
    Mi sapete dire perchè questo semplice codice,
    che dovrebbe creare una tabella rossa capace di adattarsi allo scermo in altezza e larghezza non funziona?
    Ho riscontrato che:
    - eliminando la riga <!DOCTYPE... funziona tutto, sia con Explorer che con Mozilla;
    - ma così facendo si crea l'inconveniente che non mi funzionano più correttamente i CSS.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    -->
    </style>
    </head>

    <body>
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
    <tr>
    <td></td>
    </tr>
    </table>
    </body>
    </html>

  2. #2
    prova con:

    <body style="height:100%">
    Colleziono problemi matematici divertenti o strani e li raccolgo nel mio sito. Se me ne mandate qualcuno vi ringrazio. flan

  3. #3
    Il problema è proprio il doctype perchè quello che hai messo tu:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


    non è compatibile con l'height al 100% e quindi non funziona.
    Per fare funzionare tutto devi utilizzare questo doctypt:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    Questo fa rifermento allo standard html 4.0 e fa funzionare tutto perfettamente.

    ciao ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.