Foros del Web » Creando para Internet » CSS »

posicionamiento actual diferente en IE y FireFox

Estas en el tema de posicionamiento actual diferente en IE y FireFox en el foro de CSS en Foros del Web. Tengo un problema con el posicionamiento CSS que me funcione igual para IE como para FireFox, Opera o NetScape ¡¡casi ná!! supongamos que tengo este ...
  #1 (permalink)  
Antiguo 09/09/2005, 12:42
 
Fecha de Ingreso: noviembre-2003
Mensajes: 383
Antigüedad: 14 años
Puntos: 2
posicionamiento actual diferente en IE y FireFox

Tengo un problema con el posicionamiento CSS que me funcione igual para IE como para FireFox, Opera o NetScape ¡¡casi ná!!

supongamos que tengo este código html:

Código HTML:
<body>
<div class="pagina">pagina

  <div class='contenido1'>contenido1
  </div>

  <div class='contenido2'>contenido2
  </div>

</div>
</body> 
y tengo el siguiente código CSS:

Código HTML:
.pagina{	border: thin solid green; width: 770px; top: 0px;}

.contenido1{ border: 1px solid blue;  width:40%; float: left;}

.contenido2{ border: 1px solid red; width: 40%; float : right;}
pues bien, en IE los DIV´s .contenido1 y .contenido2 quedan dentro del DIV .pagina, o sea, vemos un cuadrado verde y dentro un cuadrado azul y otro rojo. Pero en otros navegadores NO. En otros navegadores vemos un cuadrado verde Y POR FUERA EN LA PARTE INFERIOR uno azul y otro rojo.

Si quitamos los float: de los DIV´s .contenido1 y .contenido2 SI quedan dentro del cuadrado verde los otros dos pero ya no están alineados.

Gracias y saludos.
  #2 (permalink)  
Antiguo 09/09/2005, 12:53
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 12 años, 7 meses
Puntos: 0
El div padre no se adapta al tamaño de sus hijos, y estos se encuentran flotando, tienes que poner otro hijo mas debajo de los que flotan con la propiedad "clear" y de esta manera lo obligaras a estirarse, puedes poner algo como un <br style="clear:both" />
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 04:11.