Height nei DIV

**danilo1990** · 29-10-2009, 11:22

Salve..volevo chiedervi...perchè nei CSS dei div non mi prende il valore in %(percentuale) ma in tutti le altre misure si(px,cm,in,ecc)???? Grazie in anticipo!!

non c'è nessuno x favoreeeeeeeeeeeeeeeeeeeeeeeeeee

**Mich_** · 29-10-2009, 12:04

Le dimensioni espresse in %, a differenza delle altre unita`, si riferiscono alla misura presente nel blocco contenitore.

Quindi perche` una misura % abbia senso, deve essere definita la misura del blocco contenitore, ed occorre che il blocco contenitore contenga effettivamente il blocco che si sta dimensionando.

Se non funziona, quindi, puo` essere per uno dei seguenti motivi:
- il blocco contenitore non ha la dimensione corrispondente (ad esempio non e` stato definito height:100% negli oggetti body e html)
- l'oggetto ha un posizionamento incompatibile con il posizionamento del contenitore (uno e` float e l'altro no, quello interno ha posizionamento assoluto e il contenitore e` statico, ecc)
- altri errori di sintassi o di semantica

**danilo1990** · 29-10-2009, 12:35

Originariamente inviato da Mich_
Le dimensioni espresse in %, a differenza delle altre unita`, si riferiscono alla misura presente nel blocco contenitore.

Quindi perche` una misura % abbia senso, deve essere definita la misura del blocco contenitore, ed occorre che il blocco contenitore contenga effettivamente il blocco che si sta dimensionando.

Se non funziona, quindi, puo` essere per uno dei seguenti motivi:
- il blocco contenitore non ha la dimensione corrispondente (ad esempio non e` stato definito height:100% negli oggetti body e html)
- l'oggetto ha un posizionamento incompatibile con il posizionamento del contenitore (uno e` float e l'altro no, quello interno ha posizionamento assoluto e il contenitore e` statico, ecc)
- altri errori di sintassi o di semantica

Guarda questo è il mio codice...ho fatto anche alcuni ritocchi cm mi avevi detto tu ma niente proprio...se vuoi e se puoi potrestid argli un'occhiata e vedere cos'è che non va???

codice:

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

<html>
	<head>
		<title>
			Ricerca
		</title>
		
		<style type='text/css'>
			.divSinistro
			{
				float:left;
				border:1px solid black;
				width:20%;
				height:70%;
			}
			.divSearch
			{
				float:left;
				border-bottom:1px solid black;
				border-top:1px solid black;
				width:100%;
				height:40%;
				text-align:center;
			}
			.divHidden
			{
				float:left;
				width:100%;
				height:5%;
			}
			.divRight
			{
				float:left;
				width:100%;
				height:500px;
			}
		</style>
	</head>
	<body style='width:100%; height:100%;'>
		<form>
			
			<div style='float:left; width:100%; height:100%;'>
				
				<div class='divSinistro'>
					
					<div class='divHidden'>
					</div>
					
					<div style='float:left; width:100%; height:100%; text-align:center;'>
					
						

					
					
						<div class='divSearch'>
							

							Inizio Produzione
							


							Dal:<input type='text' name='dataInizioDal' readonly>
							<a href='javascript:apriDivDataInizioDal()'>
								[img]calendario.png[/img]
							</a>
							
							<div id='divNascostoInizioDal' style='visibility:hidden; background:grey; height:0px;'>
								
							</div>
							


							Al:<input type='text' name='dataInizioAl' readonly>
							<a href='javascript:apriDivDataInizioAl()'>
								[img]calendario.png[/img]
							</a>
							
							<div id='divNascostoInizioAl' style='visibility:hidden; background:grey; height:0px;'>
								
							</div>
						
						</div>
						
						

						
						
						<div class='divSearch'>
							

							Fine Produzione
							


							Dal:<input type='text' name='dataInizioDal' readonly>
							<a href='javascript:apriDivDataFineDal()'>
								[img]calendario.png[/img]
							</a>
							
							<div id='divNascostoFineDal' style='visibility:hidden; background:grey; height:0px;'>
								
							</div>
							


							Al:<input type='text' name='dataInizioAl' readonly>
							<a href='javascript:apriDivDataFineAl()'>
								[img]calendario.png[/img]
							</a>
							
							<div id='divNascostoFineAl' style='visibility:hidden; background:grey; height:0px;'>
								
							</div>
						
						</div>
						
					</div>
					
				</div>
				
				<div class='divRight'>
				</div>
			</div>
		</form>
	</body>
</html>

**Mich_** · 29-10-2009, 13:04

Anzitutto mi sono permesso di aggiungere i tag VB nel tuo post, altrimenti diventavo cieco a guardare il codice. La prossima volta usa i tag correttamente (bottoni sopra l'area di inserimento).

Ci sono comunque dei problemi:
1. non hai definito le dimensioni del tag <html>
2. hai inserito un po' di stili in linea, e questo rende difficile il debug (e ancora piu` difficile per chi non ha sviluppato la pagina)
3. le somme delle dimensioni superano il contenitore (e questo lascia liberta` ai browser di correggere a loro piacimento)

Inoltre devi dire in quali brwoser hai testato: infatti browser diversi interpretano il box-model in maniera diversa.

**danilo1990** · 29-10-2009, 13:09

il problema è...come faccio a sapere che dimensioni dargli al tag html se ogni persona ha un video con dimensioni diverse???

Discussione: Height nei DIV

Strumenti discussione

Ricerca discussione

Visualizza

Height nei DIV

Permessi di invio