Qualche anima pia riesce a spiegarmi come far funzionare HEIGHT con un valore percentuale in css?
Ho letto sulle specifiche del w3g ma non riesco a realizzarlo.
Grazie
reddstain
www.iforum.it
Qualche anima pia riesce a spiegarmi come far funzionare HEIGHT con un valore percentuale in css?
Ho letto sulle specifiche del w3g ma non riesco a realizzarlo.
Grazie
reddstain
www.iforum.it
height: 100%;
dove la percentuale fa riferimento all'elemento genitore che di solito è :auto e quindi sembra non funzionare
devi dare 100% anche ai genitori (es. html e body)
ho il tuo stesso problema:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<script language="JavaScript" type="text/javascript" src="roll.js"></script>
</head>
poi ho una table
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="table100">
nel css .table100 { height: 100%; }
e all'interno di questa ho: <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table100"> divisa in varie celle...
il problema è che la principale dovrebbe essere grande 100 e la tabella all'interno dovrebbe adattarsi alle varie dimensioni dei browser..
mi dici in che pagina trovi le specifiche che me le vedo?
yappo
------------
insane in the brain
Le specifiche le trovi ovviamente qui:
http://www.w3.org/TR/CSS2/visudet.ht...eight-property
Sto cercando di fare un sito con il layout diviso percentualmente, ma per l'altezza dei parent mettevo 1px e quindi (con 100%) il testo è sparato in cima.
Sicuri che sia il DIV che il parent al 100% funzionino?
O ricerca sempre il primo parent in px?
Nei browser CSS height: 100% non è ben implementato, molto meglio dare margin: 0; per allargarlo a tutta finestra.
Se ne è discusso tanto nel forum fai una ricerchina.
non ho capito la domanda, ma se fai così:Originariamente inviato da reddstain
Le specifiche le trovi ovviamente qui:
http://www.w3.org/TR/CSS2/visudet.ht...eight-property
Sto cercando di fare un sito con il layout diviso percentualmente, ma per l'altezza dei parent mettevo 1px e quindi (con 100%) il testo è sparato in cima.
Sicuri che sia il DIV che il parent al 100% funzionino?
O ricerca sempre il primo parent in px?
ta tabella sarà del 100% con tutti i browsercodice:html, body, table{ height: 100%; }
Scusa, ho cercato in html.it e con google, ma non nel forum.
Cmq ho seguito i vostri consigli e ora funziona.
Non sapevo che la faccenda funzionasse così.
Ora però vedo che nel mio caso Firefox mi da seri problemi.
Posto il codice:
<table border cellpadding="0" cellspacing="0">
<tr>
<td>colonna
lunga
colonna
lunga
colonna
lunga
colonna
lunga</td>
<td class="destra">
<div class="titolo">titolo</div>
<div class="contenuto">contenuto</div>
<div class="chiusura">chiusura</div>
</td>
</tr>
</table>
e il CSS:
body { text-align:center; }
table { width:60%; }
td { width:50%; }
td.destra { height:100%; }
div.titolo {
height:10px;
font-size:1px; /* io ho un'IMG */
}
div.contenuto
{
height:100%;
background:red;
}
div.chiusura
{
height:10px;
background:white; font-size:1px; /* io ho un'IMG */
position:relative; top:-20px; /* altrimenti sparisce */
}
Mi sa che devo per forza modificare la struttura html, altrimenti qualche consiglio?
Permessi di invio
Rispondi quotando