Foros del Web » Creando para Internet » CSS »

3 columnas

Estas en el tema de 3 columnas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 10/07/2009, 22:11
 
Fecha de Ingreso: marzo-2009
Mensajes: 168
Antigüedad: 8 años, 8 meses
Puntos: 1
3 columnas

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
  #2 (permalink)  
Antiguo 11/07/2009, 00:16
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: 3 columnas

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!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 11/07/2009, 14:46
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: 3 columnas

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:29.