Quote Originariamente inviata da KillerWorm Visualizza il messaggio
Ciao, a primo acchito credo che il problema sia dovuto al fatto che stai dando delle altezze in percentuale. Per l'elemento #home stai dando height: 4%; che significa il 4% dell'altezza del suo contenitore. Ma già il suo contenitore ha un'altezza ridotta, che tra l'altro è anche lui il 4% del suo relativo contenitore (anch'esso con altezza in percentuale), col risultato che andando a restringere l'altezza della finestra del browser, tutti gli elementi si assottigliano di conseguenza.

Se non hai un valido motivo di impostare delle altezze in quel modo, ti consiglierei di dare dei valori fissi (ad esempio in px) oppure lasciare l'impostazione di default, cioè un'altezza automatica. Chiaramente devi valutare tu come impostare il tutto in base a cosa vuoi ottenere di preciso e a tutte le varie eventualità annesse.
Grazie mille! Adesso l'unico problema è che non riesco a centrare home verticalmente, neanche manualmente me lo fa fare.
codice:
<!DOCTYPE HTML><html>
	<head>
	<style>
		#testa{
			display:block;
			background-color:#FF9900;
			width:101%;
			height:105px;
			margin:-0.5%;
		}
		#barra{
			display:block;
			background-color:#666666;
			width:101%;
			height:34px;
			margin:-0.5%;
			margin-top:8px;
		}
		#home{
			display:block;
			width:50px;
			height:34px;
			background-color:#666666;
			border-right: 1px solid white;
			
		}
		#home:hover{
			background-color:black;
		}
		#home > a{
			color:white; 
			text-decoration:none; 
			font-size:0.75em;
			padding: 9px 10px;
		}
		#home > a:hover{
			text-decoration:underline;
		}
		#menu{
			display:block;
			width:20%;
			margin-top:50px;
			margin-left:-35px;
		}
	</style>
	</head>
	<body>
		<div id = "main">
			<div id = "testa">
			</div>
			<div id = "corpo">
				<div id = "barra">
					<div id = "home">
						<a href = "Home.html"> Home </a>
					</div>
					<div id = "menu">
						<h1 style="padding-left:35px"> Menu </h1>
						<ul style="list-style-type : none">
							<li> <a href=""> Modulistica <a> <hr>
							<li> <a href=""> Richieste <a> <hr>
							<li> <a href=""> Invia <a> <hr>
						<ul>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>