Ciao a tutti, voglio fare una pagina con header in alto, un menu sulla sinistra con il content sulla destra e in fondo il footer. Il problema è che non deve sfalsarsi cambiando risoluzione del browser, cosa che invece succede. Se aumento la risoluzione il content si sposta sotto il menu. Sapete dirmi cosa sbaglio? ecco il codice
codice:
body{
font-family:Arial, Helvetica, sans-serif;
margin-top: 2.5%;
margin-bottom: 2.5%;
}
h1{
	
	color:red;
	text-align: center;
	padding:0;
	margin-bottom:0;
}

div.main{
	margin: 0 auto;
	border-style: double;
	border-color: black;
	border-width: 0.3em double black;
	width: 95%;
	
}
div.header{
	clear:both;
	border-bottom: 0.3em double Black;
	
}
div.menu{
	float:left;
	border-right: 0.3em double black;
	border-bottom: 0.3em double black;
	padding:1em;
	margin-bottom: 1em;
	width:20%;
}
div.content{
	float:right;
	width: 75%;
	padding:1em;

}
div.footer{
	clear:both;
	border-top: 0.3em double black;
	padding-left:1.5em;
}