Foros del Web » Creando para Internet » CSS »

Falla en Firefox

Estas en el tema de Falla en Firefox en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/06/2009, 13:02
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Pregunta 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&amp;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>


Última edición por admoro; 01/05/2010 a las 17:34
  #2 (permalink)  
Antiguo 01/06/2009, 13:09
 
Fecha de Ingreso: marzo-2009
Ubicación: Nayarit, México.
Mensajes: 60
Antigüedad: 8 años, 9 meses
Puntos: 1
Respuesta: Falla en Firefox

un problema entre los navegadores es como interpretan el margin y el padding.
intenta poner esto al inicio del css.

* {
margin:0;
padding:0;
}

Comenta lo que pasa.

Saludos
  #3 (permalink)  
Antiguo 01/06/2009, 13:10
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Respuesta: Falla en Firefox

Hola, gracias por la respuesta. Vos decís que se lo coloque en el Body?
  #4 (permalink)  
Antiguo 01/06/2009, 13:10
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Falla en Firefox

Que significa no se ve bien? que ocurre exactamente?
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 01/06/2009, 13:26
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Respuesta: Falla en Firefox

Si ven en la imagen, el cierre del contenedor queda a una altura mientras el contenido interno continúa. En Firefox pasa, en otros no.
  #6 (permalink)  
Antiguo 01/06/2009, 14:00
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Falla en Firefox

¡qué difícil de leer y molesto es el texto en rojo! Y la imagen tampoco ayuda mucho.
¿Todos los hijos de #contenedor están flotados?
Quítale a #contenedor el height y añade "overflow:auto;"
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 02/06/2009, 11:00
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Respuesta: Falla en Firefox

Gracias por las respuestas. Efectivamente, la imagen debería haber sido más grandes. Gracias
  #8 (permalink)  
Antiguo 02/06/2009, 11:29
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Falla en Firefox

Me alegro Admoro si te sirvió.
¿Podrías editar tu primer comentario? Gracias.
Y ya puestos, utiliza esta funcionalidad del foro: (está en la parte superior del textarea para comentar)
Para css escribes eso css en la ventana que te sale y colocas el código css entre las etiquetas [ H I GHLIGHT="css"]aquí tu css[/HIGHLIGHT] y lo mismo para el html escribes eso, html. Los colorines ya se los pone el foro.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 18:01.