Problema con Float en el Firefox....
Publicado por Peter (1 intervención) el 10/11/2006 14:30:08
¿ Por qué el siguiente código no se visualiza correctamente en el Firefox. ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type='text/css'>
<!--
.bloque1{
width:100px;
height:100px;
float:left;
}
.bloque2{
width:100px;
height:100px;
}
-->
</style>
</head>
<body>
<div class='bloque1'>UNO
</div>
<div class='bloque2'>DOS
</div>
</body>
</html>
En el IE hace lo que tiene que hacer, es decir el segundo bloque se sitúa a la derecha del bloque1, pero en el FIrefox, el bloque2 desaparece, es como si lo convierta a un tipo in-line, ya que no aparecen ni los borders del contenedor.
SI floto a la izquierda el bloque2 funciona, pero quisiera saber por qué no va así....
Un saludo y gracias.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled</title>
<style type='text/css'>
<!--
.bloque1{
width:100px;
height:100px;
float:left;
}
.bloque2{
width:100px;
height:100px;
}
-->
</style>
</head>
<body>
<div class='bloque1'>UNO
</div>
<div class='bloque2'>DOS
</div>
</body>
</html>
En el IE hace lo que tiene que hacer, es decir el segundo bloque se sitúa a la derecha del bloque1, pero en el FIrefox, el bloque2 desaparece, es como si lo convierta a un tipo in-line, ya que no aparecen ni los borders del contenedor.
SI floto a la izquierda el bloque2 funciona, pero quisiera saber por qué no va así....
Un saludo y gracias.
Valora esta pregunta
0