Saludos
Tengo un problemilla con un float left que no me funciona en opera ni Firefox, solo en IE, lo que me sorprende, al principio pense que era problemas de espacio y que por eso la imagen se iba para abajo, pero le quite mas de la mitad del tamaño solo por probar y nada, me envia la imagen abajo del div con el float.
Código HTML:
#container{
position:relative;
margin:0 auto;
width:100%;
height:100%;
}
#welcome{
position:relative;
width:274px;
top:0px;
left:0;
text-align:left;
float:left;
}
#bible{
position:relative;
width:199px;
height:184px;
top:0px;
left: 11px;
}
el welcome es el texto y bible la imagen, estan metidas en una celda de tabla, dentro de un div contenedor (que lo puse hace poco experimentando), el ancho del td es de 490px. El html va asi:
Código HTML:
<td rowspan="2" valign="top" style="overflow:auto">
<div id="container">
<div id="welcome">
<p class="style1">Welcome to <span class="style2">OUR CHURCH</span></p>
</div>
<div id="bible"><img src="images/biblia.jpg" width="197" height="184" alt="" />
</div>
</div> y si quieren ver como se ve, pueden verla aqui:
http://rlwhm.org/temporal/