Altezze 100% tabelle o div

**poser** · 11-05-2008, 21:07

Ciao a tutti,
sono giorni che sto

senza riuscire a venir fuori da questo problema.

Sto sviluppando un sito web nel quale DEVO utilizzare lightwindow 2.0 poichè il mio cliente mi ha richiesto questa tecnologia per le gallery e per i video, questo implica l'utilizzo di questa dtd:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Il problema è che usando questa dtd la struttura grafica del sito va a farsi benedire, questo perchè la gabbia è composta da una tabella che ricopre il 100% dello schermo ma con questa DTD non c'è verso (nemmeno con i css) di riuscire a farle prendere tutto lo schermo. L'altezza si regola infatti in base al contenuto.
Premetto che non mi intendo di xhtml ma imparo in fretta, ho cercato un pò ovunque la soluzione a questo problema senza trovarne alcuna.

Qualcuno sa come si imposta l'altezza al 100% dello schermo ad una tabella o eventualmente a un div usando questa dtd? Bisogna stare attenti a qualcosa in particolare (css, attributi, ecc...) quando si usa questa dtd?

Spero di essere stato chiaro, e spero soprattutto che qualcuno abbia già risolto questo problema.
Grazie a tuttiiiiiiiiiiiiii
Poser

**Hobby** · 11-05-2008, 22:26

Non c'è bisogno che usi quel dtd puoi usare anche questo

codice:

<!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">

funziona bene ugualmente

**poser** · 12-05-2008, 09:12

Grazie della risposta,
ma anche con questa DTD non riesco a settare le altezze a 100%...
c'è qualcosa in particolare che bisogna fare?
ho provato sia con gli attributi html che con i css...
boh

**poser** · 12-05-2008, 12:32

nessuno sa come si può fare?

**Hobby** · 12-05-2008, 13:09

Originariamente inviato da poser
nessuno sa come si può fare?

Prova con

codice:

td {line-height: valorepx;}

Altrimenti senza vedere un codice è difficile darti consigli

**poser** · 12-05-2008, 15:17

non funge...

ecco il codice che dovrebbe generare un file semplicissimo con una tabella rossa che vorrei avesse l'altezza al 100% dello schermo mantenendo però la dtd che ho inserito (se levo la dtd basta mettere height="100%" nel tag table e la tabella prende tutto lo schermo ma se levo la dtd non funziona poi il lightwindow).

codice:

<!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>
<style>
body{margin-bottom:0; margin-left:0; margin-right:0; margin-top:0}
td {line-height: 100%;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

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

Dovrei trovare il modo di riuscire ad avere la tabella con altezza che prenda il 100% dello schermo mantenendo la dtd. E' possibile?

Grazie in Anticipo

**poser** · 12-05-2008, 17:17

Originariamente inviato da poser
non funge...

ecco il codice che dovrebbe generare un file semplicissimo con una tabella rossa che vorrei avesse l'altezza al 100% dello schermo mantenendo però la dtd che ho inserito (se levo la dtd basta mettere height="100%" nel tag table e la tabella prende tutto lo schermo ma se levo la dtd non funziona poi il lightwindow).

codice:

<!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>
<style>
body{margin-bottom:0; margin-left:0; margin-right:0; margin-top:0}
td {line-height: 100%;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>

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

Dovrei trovare il modo di riuscire ad avere la tabella con altezza che prenda il 100% dello schermo mantenendo la dtd. E' possibile?

Grazie in Anticipo

**Hobby** · 12-05-2008, 17:31

Non funziona perchè hai messo

codice:

td {line-height: 100%;}

Io ti avevo detto di mettere il valore in pixel non in percentuale, l'altezza di una tabella si può solo esprimere in una unità di misura che non sia percentuale, mettila in pixel e vedrai che funziona, poi non è ammesso mettere due volte

codice:

width="100%"

in

codice:

<table border="0" width="100%" cellpadding="0" cellspacing="0" width="100%">

**poser** · 12-05-2008, 17:36

ok, ma il problema non si risolve se metto l'altezza in pixel.
io ho bisogno che la tabella riadatti la sua altezza in base alla dimensione della finestra (e logicamente l'altezza cambia anche in base alla risoluzione del monitor); non è possibile?
con il vecchio html bastava mettere height=100%

**Hobby** · 12-05-2008, 17:40

Originariamente inviato da poser
ok, ma il problema non si risolve se metto l'altezza in pixel.
io ho bisogno che la tabella riadatti la sua altezza in base alla dimensione della finestra (e logicamente l'altezza cambia anche in base alla risoluzione del monitor); non è possibile?
con il vecchio html bastava mettere height=100%

Da quello che so io no! Poi se quanc'uno ha una soluzione ben venga

Discussione: Altezze 100% tabelle o div

Strumenti discussione

Ricerca discussione

Visualizza

Altezze 100% tabelle o div

Permessi di invio