Foros del Web » Creando para Internet » CSS »

posicionamiento flotante distinto en IE y Firefox

Estas en el tema de posicionamiento flotante distinto en IE y Firefox en el foro de CSS en Foros del Web. Hola, necesito ayuda con el posicionamiento flotante, los navegadores se comportan distinto por lo que recurro a ustedes los mas entendidos. Resulta que tengo un ...
  #1 (permalink)  
Antiguo 26/02/2009, 11:33
 
Fecha de Ingreso: octubre-2008
Mensajes: 58
Antigüedad: 9 años, 2 meses
Puntos: 0
posicionamiento flotante distinto en IE y Firefox

Hola, necesito ayuda con el posicionamiento flotante, los navegadores se comportan distinto por lo que recurro a ustedes los mas entendidos.

Resulta que tengo un div central en el que se pondran varios contenidos mediante subdivs dentro de este. La idea es hacer algo sencillo para que otra persona vaya agregando los divs sin setear parametros (anchos,altura, posicion), como un mini CMS muy simple...

Cuento corto, cada div que coloco lo hago flotar a la izquierda (con un ancho definido) para que vaya quedando uno al lado de otro y salte a la linea siguiente cuando llegue al limite del ancho del div central... el resultado es que cuando se llega al limite del div central, firefox coloca el div bajo el primer div (arriba a la izquierda) mientras que IE6 lo coloca a la derecha del div mas alto...

mmm, mejor pongo un ejemplo.. el 1º div queda con una altura de 100px (la altura es definido automaticamente), el 2º queda con una altura de 80px y el 3º (que supera el espacio restante del div central) queda en diferentes posiciones... en firefox queda abajo del 1º div y en IE queda a la derecha del 1º div y abajo del 2º div...

¿como podria lograr que firefox se comportara como IE, ya que aprovecha mas espacios vacios?... si no se puede, ¿como podria saber la altura de un div creado? quizas pudiendo saber la altura del 1º div, podria asignarle esa altura al 2º div y asi el 3º siempre quedaria abajo...

Cualquier idea, se agradece...
de antemano gracias

jedo
  #2 (permalink)  
Antiguo 26/02/2009, 12:04
Avatar de tpzurdo  
Fecha de Ingreso: julio-2007
Mensajes: 83
Antigüedad: 10 años, 4 meses
Puntos: 0
Respuesta: posicionamiento flotante distinto en IE y Firefox

Yo estoy tratando de entender los mismos problemas de como hacer una maqueta básica que más o menos se banque bien en los dos navegadores. Podrías poner el link o el código para ir viendo creo que algunas cosas he averiguado.
  #3 (permalink)  
Antiguo 26/02/2009, 13:10
 
Fecha de Ingreso: octubre-2008
Mensajes: 58
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: posicionamiento flotante distinto en IE y Firefox

Este es el codigo, la pagina la tengo localmente, no en un host...

<div style="float:left;width:40%;border:1px solid #000000">
<p>este es el primer div</p>
</div>
<div style="float:left;width:40%;border:1px solid #000000">
<p>este es el segundo div</p>
</div>
<div style="float:left;width:40%;border:1px solid #000000">
<p>este es el tercer div</p>
</div>

Al principio no entendia que pasaba asi que le coloque bordes negros... El contenido del div central proviene de un htm que se carga via ajax... este es el codigo del htm
saludos

jedo
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 02:02.