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