tabella a tutto schermo con doctype -//W3C//DTD XHTML 1.0 Transitional//EN

**pietro09** · 21-09-2006, 08:49

data una tabella ancorata ai quattro lati del browser:

<table border="1" width="100%" height="100%"><tr><td>x</td></tr></table>

ho notato che funziona con l'intestazione
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

mentre non va con
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

si può risolvere col secondo doctype? con gli stili? javascript? :master:

ciao

**nuky** · 21-09-2006, 09:13

Il primo doctype da te scritto non è completo, il browser interpreta il codice in quirks mode, così il tuo codice "funziona".
Il doctype corretto è:

codice:

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

Come vedi anche così non funziona!

Devi "allungare" anche il contenitore della tabella (body) in modo che occupi tutta la pagina.
Se metti il border puoi vedere la differenza con e senza height:100%;

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<body style="border:1px solid red; height:100%;">
  <table border="1" style="width:100%; height:100%;"><tr><td>x</td></tr></table>
</body>

Le dimensioni è sempre meglio impostarle attraverso attributi di stile che permettono di separare dati e layout (per comodità li ho scritti inline).

**pietro09** · 21-09-2006, 09:26

io no ho sbagliato,

ma è visual studio che lo mette così

così funziona in IE ma non con Firefox

codice:

<body style="height:100%;border:1px blue solid;margin-top:-2px;margin-bottom:0px;">
    <table border="1" style="height:100%; width:100%;"><tr><td>x</td></tr></table>
</body>

si può con Firefox? :master:

**nuky** · 21-09-2006, 09:46

Originariamente inviato da pietro09
si può con Firefox? :master:

Purtroppo io non sono molto standard, non ho firefox.

Ora mi eclisso da questa discussione.

Prova con l'attributo min-height.

**pietro09** · 21-09-2006, 09:57

Non hai Firefox?

Segnalo immediatamente la cosa ai moderatori affinchè prendano provvedimenti

Scherzo

ciao

**nuky** · 21-09-2006, 11:28

Originariamente inviato da pietro09
Non hai Firefox?

Segnalo immediatamente la cosa ai moderatori affinchè prendano provvedimenti

Scherzo

ciao

Ho comunque un browser (Maxthon) che mi aiuta molto per sviluppare, che usa il motore di IE (per lavoro mi serve solo IE).
Ho provato FF a casa, ma dato che per lavoro non ho bisogno di rispettare standard e accessibilità, per ora sto bene così.

Se mai farò dei siti (e non delle applicazioni basate su web) di sicuro mi convertirò verso un browser standard.

**pietro09** · 21-09-2006, 11:46

Originariamente inviato da nuky
Ho comunque un browser (Maxthon) che mi aiuta molto per sviluppare, che usa il motore di IE (per lavoro mi serve solo IE).
Ho provato FF a casa, ma dato che per lavoro non ho bisogno di rispettare standard e accessibilità, per ora sto bene così.

Se mai farò dei siti (e non delle applicazioni basate su web) di sicuro mi convertirò verso un browser standard.

visto allora che lavoriamo allo stesso modo (applicazioni basate su web con IE obbligato) mi permetto però di darti un consiglio:
ho notato che basta solo un piccolo sforzo in più per fare procedure compatibili con IE e Firefox e che questo sforzo viene ampiamente ripagato col tempo, con tutti gli interessi.

Discussione: tabella a tutto schermo con doctype -//W3C//DTD XHTML 1.0 Transitional//EN

Strumenti discussione

Ricerca discussione

Visualizza

tabella a tutto schermo con doctype -//W3C//DTD XHTML 1.0 Transitional//EN

Permessi di invio