Foros del Web » Creando para Internet » CSS »

FF yOpera no me reconocen el float left

Estas en el tema de FF yOpera no me reconocen el float left en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/03/2009, 14:58
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
FF yOpera no me reconocen el float left

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/
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #2 (permalink)  
Antiguo 16/03/2009, 16:30
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: FF yOpera no me reconocen el float left

welcome no necesita ser flotado, pero bible si, a la derecha y colocar el div antes del resto de contenido de la celda. Ademas, necesitarias "cancelar" el float para que el contenido inferior se acomode donde corresponda.

Código css:
Ver original
  1. #welcome{
  2.     top:0;
  3.     left:0;
  4.     text-align:left;
  5. }
  6. #bible{
  7.     display:block;
  8.     width:197px;
  9.     height:184px;
  10.     float:right;
  11. }
  12. .limpia {
  13.     clear:right;
  14. }

Código html:
Ver original
  1. <div id="container">
  2.     <div id="bible"><img src="http://www.forosdelweb.com/images/biblia.jpg" width="197" height="184" alt="" /></div>
  3.         <div id="welcome">
  4.         <p class="style1">Welcome to <span class="style2">OUR CHURCH</span></p>
  5.     </div>
  6.     <div class="limpia"></div>
  7. </div>
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 16/03/2009, 17:36
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
De acuerdo Respuesta: FF yOpera no me reconocen el float left

Perfecto Triby , no sabes como te lo agradezco. Ahora si se acomoda todo. Ignoraba lo de el "clear" asi que nunca le hubiera llegado. No entiendo muy bien porque debia hacerse el float a la derecha y no como lo trataba de hacer yo, es por tratarse de una imagen?
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 16/03/2009, 17:53
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: FF yOpera no me reconocen el float left

Necesitabas el float, pero a la derecha porque la parte superior para esa imagen esta a la derecha y tu querias usar float y posicion relativa, pocas veces compatibles entre si; ademas, el elemento flotante debe aparecer primero en el html.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 16/03/2009, 17:57
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
De acuerdo Respuesta: FF yOpera no me reconocen el float left

ok, buen dato para un futuro. Gracias amigo.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
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 22:25.