Non corrisponde altezza

**quecha** · 29-06-2008, 18:23

Ciao a tutti, in css ho realizzato questa semplice parte di codice

codice:

.box{margin:0px;
	width:790px;
	height:17400px;
	background:#FDEBC9;
	}

Solo che su explorer si vede bene,mentre su firefox nella parte inferiore della pagina rimane un sacco di spazio invece di essere rasente al testo.
Come faccio ad ottimizzare l'altezza per entrambi?

**fcaldera** · 29-06-2008, 19:22

in teoria (e anche in pratica), se non specifichi l'altezza, il contenitore dovrebbe adattarsi al contenuto.
se non hai avuto motivi per farlo, prova a togliere l'height.

**quecha** · 29-06-2008, 19:38

appena tolgo l'altezza mi scompare lo sfondo.
Nonostante il div sia pieno mi scompare tutto il colore di sfondo e prende quello della pagina e non del div impostato

**quecha** · 29-06-2008, 19:47

codice:

<style type="text/css">
.body{margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	background:#9C5A00;
	}
.contenitore{margin-left:auto;
			margin-right:auto;
			}
.box{margin:0px;
	width:790px;
	height:auto;
	background:#FDEBC9;
	}
.float{width:215px;
		float:left;
		}
.div575{width:575px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000066;
		line-height: 18px;
		float:left;
		}
.div530{width:550px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000066;
		line-height: 18px;
		}
.Footer {
	font-family:Verdana, Arial, Times, serif;
	font-size: 10px;
	color: #FFFFFF;
}
</style>
</head>
<body class="body">
<div class="contenitore" align="center">

<div class="box">
[img]gfx/top.jpg[/img]
<div class="float">
[img]gfx/1.jpg[/img]

[img]gfx/2.jpg[/img]

[img]gfx/3.jpg[/img]

[img]gfx/4.jpg[/img]
[img]gfx/5.jpg[/img]

</div>
<div class="div575" align="center">
<div class="div530">
contenitore di testo
</div>
</div>
</div>
<p class="Footer">.........................................</p>
</div>
</body>

Questo è il codice della pagina. appena tolgo height mi toglie lo sfondo

**fcaldera** · 29-06-2008, 19:53

Originariamente inviato da quecha
appena tolgo l'altezza mi scompare lo sfondo.

hai usato float da qualche parte?

**fcaldera** · 29-06-2008, 19:54

ah ecco perchè
il tuo div .box contiene un elemento con float

cambia così

.box{margin:0px;
width:790px;
height:auto;
overflow: hidden;
background:#FDEBC9;
}

**quecha** · 29-06-2008, 20:03

ora funge bene...puoi spiegarmi perchè questi cambiamenti?

**fcaldera** · 29-06-2008, 20:19

Originariamente inviato da quecha
ora funge bene...puoi spiegarmi perchè questi cambiamenti?

quando usi la proprietà float devi fare clearing dell'elemento, poichè i float escono dal normale flusso di rendering (ma sentono la presenza degli elementi sibling)

leggi i link utili sui float
http://forum.html.it/forum/showthrea...90#post9614790

**quecha** · 29-06-2008, 20:20

grazieeee!!!!!

**quecha** · 02-07-2008, 11:38

Scusami....ma quello che mi hai suggerito su un sito non funziona.Ti posto il codice così ti viene più facile.Grazie!!!
[CODE
.box{margin-top:0;
width:780px;
overflow:hidden;
height:auto;
}
.float{width:524px;
float:left;
background:#D9F1FF;
}
.div520{width:510px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000066;
line-height: 20px;
}
.img{background:#1C83C9;
float:left;
}
.elenco{text-align:left
}
<link href="styleEW.css" type="text/css" rel="stylesheet">
</head>
<body class="body">
<div class="contenitore" align="center">

<div class="box">

top

<div class="float">
<p align="left">[img]gfx/TitoloAzienda.jpg[/img]</p>

<div class="div520">
<p align="justify">
testo
<div class="elenco">
<ul>[*]1[*]2[/list]
</div>
<p align="justify">PROVA</p>
<div class="elenco">
<ul>[*]1[*]2[*]3[/list]
</div>

</p>
</div>
</div>
</div>

<div class="img">
[img]gfx/Right.jpg[/img]
<map name="Map">
<area shape="rect" coords="2,2,255,199" href="referenze.htm">
<area shape="rect" coords="3,200,256,404" href="servclient/servclienti.php" target="_blank">
<area shape="rect" coords="25,430,230,490" href="index.htm">
</map>
</div>
</div>
</div>
</body>
[/CODE]
Secondo te, è un errore mio nella compilazione?

Discussione: Non corrisponde altezza

Strumenti discussione

Ricerca discussione

Visualizza

Non corrisponde altezza

Permessi di invio