Falla en Firefox Hola Foristas, estoy armando un sitio, pero, el contendedor se ve bien en todos menos en Firefox. ¿Me dan una mano? Muchas gracias!
Código CSS
body { background-color:#FAFAFA; font-family:Arial, Helvetica, sans-serif; font-size:11px/12px;}
/* Contenedores */
.Contenedor { width:980px; height:auto; margin:auto; border:solid 1px; border-color:#FFC0E0; background-color:#FFFFFF;}
.ContenedorPR { width:960px; height:auto; margin:10px;}
/* Cabecera */
.Cabecera { width:960px; height:100px; margin:auto;}
.CabeceraR { width:280px; height:100px; float:right; margin-right:1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0084; padding:4px; }
.CabeceraM { width:280px; height:90px; float:left; margin-left:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0084; padding:4px; border-right:solid 1px; border-right-color:#FFC0E0;}
.CabeceraL { width:350px; height:100px; float: left; margin-left:1px}
/* Simulador */
.simuladorbarra {width:960px; height:30px; margin-left:auto; margin-right:auto; margin-bottom:2px; margin-top:3px; background-color:#F8F8F9; border:solid 1px; border-color:#FFC0E0; background-image:url(../img/a/gif/br.gif); background-repeat:repeat-x;}
/* Simulador */
/* Columnas */
.BajoBarra { width:960px; height:30px; border-bottom:solid 1px; border-bottom-color:#FFC0E0;}
.BajoBarra { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFC0E0; padding:2px;}
/* Columnas */
.Primera { width:380px; height:auto; border-right:solid 1px; border-right-style:dashed; border-right-color:#FFC0E0; float:left; margin-left:auto; margin-top:3px;}
.Segunda { width:350px; height:auto; border-right:solid 1px; border-right-color:#FFC0E0; float:left; margin-left:1px; margin-top:3px;}
.SegundaS { width:100px; height:auto; margin-left:2px; margin-right:auto; margin-top:3px; margin-bottom:3px; float:left;}
.SegundaT {width:100px; height:auto; margin-left:2px; margin-right:auto; margin-top:3px; margin-bottom:3px; float: left;}
.Tercera { width:220px; height: auto; float:right; margin-left:2px; margin-right:2px; margin-top:3px;}
/* Distancia */
.distanciaH2, .distanciaH4, .distanciaH6, .distanciaH8, .distanciaH16, .distanciaH22, { clear:both; border:0px; margin:0px; padding:0px; }
.distanciaH2 {height:2px;line-height:2px;}
.distanciaH4 {height:4px;line-height:4px;}
.distanciaH6 {height:6px;line-height:6px;}
.distanciaH8 {height:8px;line-height:8px;}
.distanciaH16 {height:16px;line-height:16px;}
.distanciaH16 {height:22px;line-height:22px;}
/* Buscador */
.Buscador { width:auto; height:auto; margin:2px; float:right;}
/* Cajas */
.Cj_Tiempo { width:219px; height:150px; border-bottom:solid 1px; border-bottom-color:#FF0084; float:left; margin-bottom:2px; margin-left:auto; margin-right:auto; margin-top:3px;}
Código HTML
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/gral.css" rel="stylesheet" type="text/css" />
<link href="css/txt.css" rel="stylesheet" type="text/css" />
<link href="css/hs.css" rel="stylesheet" type="text/css" />
</head>
<!-- CONTENEDOR -->
<div class="Contenedor">
<!-- CONTENEDOR PR-->
<div class="ContenedorPR">
<!-- CABECERA-->
<div class="Cabecera">
<div class="CabeceraL"><img src="img/a/gif/logo.gif" alt="Hoy Mercedes.com | Portal de servicios y noticias" /></div>
<div class="CabeceraM">Aqui descriciones generales del sitio, Clima quizás.</div>
<div class="CabeceraR">Contenidos para la cabecera derecha de H sitio de servicios y noticias de la ciudad.</div>
</div>
<!-- FIN CABECERA-->
<!-- BARRA-->
<div class="simuladorbarra">Barra de navegación</div>
<!-- FIN BARRA-->
<div class="BajoBarra">
<div class="Buscador"><!-- Google CSE Search Box Begins -->
id="searchbox_014703998889189024578:0fngwqjcep0">
<input type="hidden" name="cx" value="014703998889189024578:0fngwqjcep0" />
<input type="hidden" name="cof" value="FORID:11"/>
<input type="text" name="q" size="30"/>
<input type="submit" name="sa" value="Buscar" style=" BORDER: rgb(255,0,132) 1px solid; FONT-SIZE: 10pt; color:#FF0084 ; FONT-FAMILY: Verdana; background-color:#F8F8F9; "/>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_014703998889189024578%3A0fngw qjcep0&lang=es"></script> </form></div>
</div>
<!-- PRIMERA -->
<div class="Primera">Contenidos primera columna. Noticias</div>
<!-- FIN PRIMERA-->
<!-- SEGUNDA-->
<div class="Segunda">
<div class="S_ctociudad"></div>
<div class="SegundaS"><h3><a href="#">Ver qué sucede</a></h3></div>
</div>
<!-- FIN SEGUNDA-->
<!-- TERCERA-->
<div class="Tercera">
<div class="T_Especiales"></div>
<div class="T_BajoEspeciales"><a href="#">Galería de Fotos de Mercedes</a></div>
<div class="T_BajoEspeciales"><a href="#">Videos Mercedes</a></div>
<div class="T_tpo"></div>
<div class="Cj_Tiempo"></div>
</div>
<!-- FIN TERCERA-->
<!-- FIN CONTENEDOR PR-->
</div>
<!-- FIN CONTENEDOR -->
</div>
<body>
</body>
</html>
(está en la parte superior del textarea para comentar)
