Foros del Web » Creando para Internet » CSS »

tres columnas

Estas en el tema de tres columnas en el foro de CSS en Foros del Web. Buenos dias a todos, Estoy haciendo tres columnas de esta manera: un contenedor ( con posicion relativa), un div derecha, uno div izquierda y otro ...
  #1 (permalink)  
Antiguo 04/09/2007, 04:08
 
Fecha de Ingreso: junio-2007
Mensajes: 37
Antigüedad: 10 años, 6 meses
Puntos: 0
tres columnas

Buenos dias a todos,
Estoy haciendo tres columnas de esta manera: un contenedor ( con posicion relativa), un div derecha, uno div izquierda y otro central. Estos tres últimos div están dentro del contenedor y el de la izq y el de la derecha tienen posición absoluta. A su vez el div central, izq y derch contienen otros 3 div con texto.
El problema que surge es que el texto del div central, en Mozilla Firefox, no sale alineado con respecto a los de los laterales sino más alto. Le doy mil vueltas y no encuentro la manera de ponerlo al mismo nivel. ¿podríais ayudarme?. Gracias.

Código:
#texto_columnas{
	width: 776px;
	height: auto;
	position: relative;
	margin-top: 10px;
}
#texto_izq{
	width: 258px;
	border-bottom: 1px solid #007a63;
	position: absolute;
	top: 0px;
	left: 0px;
}
#titulo_columna{
	font-size: 9px;
	color: #FFFFFF;
	background-color: #007e66;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	height: 25px;
}
#texto_int{
	font-size:10px;
	color:#4c4c4c;
	font-weight:normal;
	padding-left: 20px;
	padding-right: 20px;
	height: 120px;
}
#consultar{
	text-align: center;
	height: 20px;
}
#texto_centro{
	width: 259px;
	height: 200px;
	border-bottom: 1px solid #007a63;
	margin: 0px 258px 0px 258px;
}
#texto_derch{
	width: 258px;
	height: 200px;
	border-bottom: 1px solid #007a63;
	position: absolute;
	top: 0px;
	right: 0px;
}


Código:
<div id="texto_columnas">
<div id="texto_izq">
<div id="titulo_columna"><p >texto</p> </div>
<div id="texto_int" class="borde_verde"> <p>texto</p></div>
<div id="consultar" class="borde_verde"><p><span style="color:red"><strong><a href="cuestionario.asp?idCurso=1" class="curso">"Consultar Programación"</a></strong></span></p> </div>
</div>
<div id="texto_centro">
<div id="titulo_columna"><p>texto</p>
</div>
<div id="texto_int"><p>texto</p></div>
<div id="consultar"><span style="color:red"><strong><a href="cuestionario.asp?idCurso=2" class="curso">"Consultar Programación"</a></strong></span></p></div>
</div>
<div id="texto_derch">
<div id="titulo_columna"><p>texto</p></div>
<div id="texto_int"><p>texto<p><span style="color:red"><strong><a href="cuestionario.asp?idCurso=3" class="curso">"Consultar Programación"</a></strong></span></p></div>
</div>
</div>
  #2 (permalink)  
Antiguo 04/09/2007, 13:17
Avatar de mbavio  
Fecha de Ingreso: agosto-2005
Mensajes: 288
Antigüedad: 12 años, 3 meses
Puntos: 4
Re: tres columnas

Deberias dejar de usar posiciones absolutas y empezar a hacer layouts a tres columnas utilizando el atributo float. Es mucho mas facil asi...

http://css.maxdesign.com.au/floatuto...torial0916.htm

Tutorial de posicionamiento y layout en CSS (Cristalab)

Espero haber sido de ayuda. 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 11:30.