Hola todos,
Tengo un código para crear con divs una tabla de 2 fila y 2 columnas.
El html es:
Código HTML:
<div id="tcontact"> <!--Menu contact-->
<div id="navt1c1">
<img src="images/cont_phone.gif" alt="Call">
</div>
<div id="navt1c2">
texto2
</div>
<div id="navt1c1">
<img src="images/cont_email.gif" alt="Email">
</div>
<div id="navt1c2">
texto2
</div>
</div><!--menu contact--!> Y el CSS es:
Código:
div#tcontact {
margin-top: 0px;
margin-bottom: 2px;
padding: 0px 9px 5px 6px;
border: 1px solid #42ABE7;
}
div#navt1c1 {
clear:both;
width: 30%;
\width: 33%;
w\idth: 32%;
margin-top:3px;
padding: 0px;
float: left;
border:1px solid #FF0000;
}
div#navt1c2 {
height: 30px;
left:55%;
margin-top:3px;
padding: 0px;
border:1px solid #FF0000;
}
En el IE explorer se ve tal como lo necesito:
Foto texto1
Foto texto2
pero en Firefox me muestra la descuadra las columnas..
Alguien sabe qué tengo mal?
Gracias de antemano por sus comentarios.
Liz