3 columnas

[matucasal]

Gente del foro, de nuevo yo con una duda newbie.
Diseñando mi web me encontre con un error inesperado.
Dentro de un div, tengo 3 divs, y yo quiero que estos 3 divs esten presentes en forma de columnas, pero el ultimo aparece abajo de los otros dos, osea el 3er div aparece abajo a la derecha de los otros dos divs, alguien sabe porque puede ser?, aca dejo mis codigos

Código HTML:

#footer{
	background-color: black;
	top:850px;
	width: 100%;

	height:385px;
	position:absolute;

	border-top:9px dotted  #817a7a;
	bottom:0;
	
}

#footer .tres-columns {

	clear: both;
	

}




#footer .tres-columns #columnfooter1, .tres-columns #columnfooter2, .tres-columns #columnfooter3{

	
height: 350px;

	/*margin: 0.3px;*/

	
}



#footer .tres-columns #columnfooter1 {

	float: left;

	padding-right: 5px;

	position:absolute;
	width: 300px;

	left:30px;
	font-size:14px;

	border-right:5px dotted  #817a7a;
	top:0px;

	bottom:0;

	
}




#footer .tres-columns #columnfooter2 {

	
padding-right: 5px;
	width:300px;

	margin-left:350px;

    margin-right:300px;

	font-size:14px;

	top:0px;
	bottom:0;
		}



#footer .tres-columns #columnfooter3 {

	float: right;

	/*bottom:0.1px;
	margin-top:0px;

	position: absolute;

	height:300px;

	
position: absolute;

	height:300px;

	position: absolute;
	height:300px;
	
background-color: red;
	*/width: 330px;

	/*right:0.1px;*/
	background-image:url("images/piensa.jpg");

	}

Lo cometando es todo lo que intente y no resuelve el problema, otra cosa al poner bottom o,1 se pone donde deberia, pero no puedo ajustar el margin top y bottom como yo quisiera.

Dejo el html por las dudas

Código HTML:

<div id="footer">
<div class="tres-columns">
<div id="columnfooter1">
<h1 class="tituloabajo">acerca</h1>

</div>
<div id="columnfooter2"><h1 class="tituloabajo">servicios</h1></div>
<div id="columnfooter3"></div>
</div>
</div> 

Muchas gracias por la ayuda

[Calizman]

Saludos!!

Realmente quisiera ayudarte, pero no entiendo tu codigo CSS. Te recomiendo que seas un poco mas ordenado y que uses un selector CSS para cada Div. Disculpa mi comentario, pero esque veo que haces demasiado CSS para hacer algo sencillo con HTML.

Porqué no ves Este Ejemplo o Este Otro.

Te aseguro que te servirán mas.

Hasta Luego!!

[jomaruro]

Hola:

Como ya te ha comentado CaLiZzZ, tienes un código demasiado amplio y liado para un problema tan sencillo.

Debes tener en cuenta que el width de tus div's junto como los padding, margin y demás no debe ocupar más espacio que su contenedor, de lo contrario el último elemento se desplazará hacia abajo y eso puede ser tu caso.

De todas formas los enlaces que te ha puesto CaLiZzZ te ayudarán a resolver el problema.

Saludos.