[Ovillo] PROBLEMA CON FIREFOX

Dom Ago 6 21:46:05 UTC 2006

José Kusunoki Gutiérrez wrote:
> Hola amigos de Ovillo,
> Tengo un problema que sólo aparece al ver la web en Firefox, cuando uso
> este código:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> <!--
> #nueva {
>  background-color: #000000;
>  width: 480px;
>  color: #FFFFFF;
> }
> #algo {
>  float:left;
>  background-color: #000000;
>  width: 50px;
>  color: #FFFFFF;
> }
> #mas {
>  float:left;
>  background-color: #000000;
>  width: 50px;
>  color: #FFFFFF;
>  margin-left:25px;
> }
> -->
> </style>
> </head>
> <body>
> <div id="nueva">
>   <div id="algo">Content for New Div Tag Goes Here</div><div
> id="mas">Content for New Div Tag Goes Here</div>
> </div>
> </body>
> </html>
>
> en firefox no se puede ver el color de fondo del div que contiene a los
> otros, me aparece como si el div contenedor no tuviese color de fondo,
> como si fuera transparente mientras que el internet explorer lo muestra
> sin problema como quiero que se vea... que podrá ser?
>
> Alguno tiene idea?
>
>   
Como lo hace Firefox es correcto, ya que los elementos flotantes se 
salen del flujo y no ocupan espacio de su padre.
http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#float-position

Añade un elemento justo antes de cerrar el padre con un clear: both; y 
forzaras que llegue hasta abajo.

-- 
Saludos -=stripTM=-