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>