Il footer si "stacca" se "pareggio" la colonna centrale

[keratox]

Allora, ecco l'xhtml

	
	<div id="left">
		...
	</div>	
	<div id="right">
	        ...
	</div>
	<div id="content">
		...		
	</div>
	<div id="footer">
		<p id="copyright">Copyright By</p>
	</div>

Css

div#left{
	float:left;
	width:15%;
	height:300px;
}

div#content{
	margin:0;
	margin-left:15%;
	margin-right:15%;
	height:300px;
}

div#right{
	float:right;
	width:15%;
	height:300px;
}

div#footer{
	clear:both;
}

Il punto è che se porto div#content a un'altezza di 300px (che quindi si ferma allo stesso punto di #left e #right, si crea uno spazio di 10px circa tra le 3 colonne e il footer, che sparisce se imposto una altezza a #conter minore di (300-spazio_tra_colonne_e_footer)px.

Mmmh

[webdemo]

sposto su CSS

ciak

[Zweer]

prova mettendo "margin:0px" nel content...

[keratox]

Originariamente inviato da Zweer
prova mettendo "margin:0px" nel content...

Ovviamente è stata la prima cosa che ho provato, ma non ha dato esiti positivi. E' questa la stranezza: stacca anche con margine nullo.

[Kreatore]

messa cosi la cosa è normale.
Il marigne non lo ha content che non ha contenuti, ma footer, che ha un p.
Dai all'inizio *{margin:0;padding:0;} e vedi se cambia