Foros del Web » Creando para Internet » CSS »

Problema con CSS y Firefox

Estas en el tema de Problema con CSS y Firefox en el foro de CSS en Foros del Web. hola! bueno, lo cierto es que estoy muy verde en esto del desarrollo web, por eso queria ver si me podiais echar una mano, perdon ...
  #1 (permalink)  
Antiguo 20/05/2010, 14:05
 
Fecha de Ingreso: mayo-2010
Mensajes: 5
Antigüedad: 7 años, 4 meses
Puntos: 1
Problema con CSS y Firefox

hola! bueno, lo cierto es que estoy muy verde en esto del desarrollo web, por eso queria ver si me podiais echar una mano, perdon si lo que pregunto es una tontería... jjj

Lo que me pasa es que la web que estoy haciendo se me ve de una forma muy distinta en el Firefox y en el Explorer. Ya sé que en muchas cosas de CSS difieren los resultados según cual se use, pero es que mientras en el Explorer se me ve aceptable, en el firefox es horrible.

Tengo el tipico sidebar en el que pinchas para todos los enlaces del sitio, y con el Firefox cada una de las paginas del sitio me varia el tamaño de la letra y el sidebar se amplia o reduce, y la letra va de pequeña a dificilmente apreciable...xD

Ya no se que hacer, porque como tampoco entiendo mucho de CSS, no sé cual de los 2 navegadores me está interpretando bien los estilos, o si es algo que me sobra y es lo que me está dando estos problemas.

El archivo de estilo es:
Código:
body {margin-top: 20px;
      padding: 0;
      background: #1F1F1F;
      font-size: 13px;
      text-align: justify;
      color: #5C5116;}

body, th, td, input, textarea, select, option {font-family: Arial, Times, serif;}

h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    color: #819CDB;}

h1 {font-size: 36px;}

h2 {font-size: 2em;}

h3 {font-size: 1em;}

p, ul, ol {margin: 0;
	   padding: 0;
	   list-style: none;
	   line-height: 200%;}

blockquote {padding-left: 1em;}

blockquote p, blockquote ul, blockquote ol {line-height: normal;
	                                    font-style: italic;}

a {color: #413C20;}


hr {display: none;}



/* Portada */

#portada {text-align:center;
	  margin: auto;}


/* Cabecera */

#cabecera {width: 800px;
	   height: 270px;
	   margin: 0 auto;
	   background: url("imagenes/gherkin1.jpg") no-repeat left top;}

#cabecera h1, #cabecera p {margin: 0;
		           font-family: Arial, Helvetica, sans-serif;}

#cabecera h1 {color: #FFFFFF;
	      font-size: 50px;
	      padding: 90px 0 0 97px;}

#cabecera span {color: #000000;}

#cabecera p {margin-top: -5px;
	     padding-left: 80px;
	     font-size: 13px;
	     color: #FFFFFF;}

#cabecera a {text-decoration: none;
	     color: #FFB71C;}

/* Pagina */

#pagina {width: 800px;
         margin: 0 auto;
         background: #FFFFFF url("imagenes/img03.jpg") repeat-y left top;}

#pagina-top {background: url("imagenes/gherkin3.jpg") no-repeat left top;}

#pagina-medio {padding: 20px 30px;
	       background: url(images/img04.jpg) no-repeat left bottom;}

/* Cuerpo */

#cuerpo {float: right;
	 width: 500px;
	 padding-top: 90px;
	 margin-bottom: 30px;}

.post {padding:20px 0 0 0;}

.titulo {margin: 0;
	 padding-bottom: 5px;
	 font-size: 24px;
	 color: #3B3513;}

.titulo a {text-decoration: none;
	  color: #3B3513;}

.pagetitle {border-bottom: 2px solid #0F0F0F;}

.subtitulo {margin: -10px 0px 0px 0px;
	    border-bottom: 1px solid #CCCCCC;
	    color: #646464;
	    font-size:small;}

.entrada {padding: 30px 0px;
	  font-size:13px;}

#cuerpo li {margin: 0 0 0 20px;}

#cuerpo ul {list-style-type: circle;}

#cuerpo table {vertical-align: top;
	       height:320px;}

#cuerpo td {padding: 0 5px 0 0;}
	       

/* Menú */

#menu {float: left;
       width: 200px;
       margin-top: -80px;
       padding-top: 50px;
       color: #B57969;}

#menu ul {margin: 0;
	  list-style: none;}

#menu li {}

#menu li ul {margin-bottom: 40px;}

#menu li li {border-bottom: 1px solid #FFFFFF;
	     padding: 5px 15px;
	     font-size:13px;}

#menu h2 {margin: 0;
	  height: 35px;
	  padding: 8px 0px 10px 15px;
	  font-size: 18px;
	  color: #FFE7E0;}


#menu a {text-decoration: none;
	 color: #E5DDAD;}


/* Pie */

#pie {clear: both;
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: center;
      font-size: small;
      font-family: Arial, Helvetica, sans-serif;
      color: #B57969;}

#pie p {margin: 0;
	padding: 20px 0px;}

#pie p a {color: #FFFFFF;)
Y la pagina es: http://tower-swiss.webcindario.com

gracias de antemano y perdon por la parrafada!
  #2 (permalink)  
Antiguo 20/05/2010, 17:34
 
Fecha de Ingreso: mayo-2010
Mensajes: 5
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: Problema con CSS y Firefox

Enfin...me autorespondo, no sin cierta verguenza...jjj Tenia un <small> sin cerrar... de ahi que el firefox me montase ese cristo...jjj Por cierto, como es que en el explorer no le afectaba lo minimo??
  #3 (permalink)  
Antiguo 21/05/2010, 07:16
fiu
 
Fecha de Ingreso: diciembre-2006
Ubicación: Barcelona
Mensajes: 128
Antigüedad: 10 años, 8 meses
Puntos: 8
Respuesta: Problema con CSS y Firefox

explorer va a su bola... firefox es el navegador que mejor sigue los estándares, así que mejor hacerlo inicialmente para FF
  #4 (permalink)  
Antiguo 07/07/2011, 17:22
Avatar de jeiriart  
Fecha de Ingreso: abril-2011
Mensajes: 9
Antigüedad: 6 años, 5 meses
Puntos: 0
Pregunta Respuesta: Problema con CSS y Firefox

a ver, desarrolle una web que anda bien en todo, safari, opera, explorer 7 8 y 9, chrome caulquier version, pero en firefox anda para el reveredon ojete... (perdon la mala palabra) alguna idea de que le pasa al firefox 5?? no toma un css ni a palos, tienen problemas con los jquery sobre todo cuando son cargados desde google... , no hay documentacion oficial por ningun lado para ver este problema... no se que hacer?? le digo a al gente que ff se convirtio en una porqueria y que usen otro navegador???

EDITO: pense que era un problema de java o algo asi, pero no... no anda un carajo, no me toma el xhtml el css ni el css 3 no toma nada... toy totalmente perdido y desilucionado del que crei que era el mejor navegador del mercado....

EDITO 2: segui los estandares antes que digan cualquier cosa...

Última edición por jeiriart; 07/07/2011 a las 17:24 Razón: aclaracion
  #5 (permalink)  
Antiguo 07/07/2011, 21:36
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 9 años, 8 meses
Puntos: 181
Respuesta: Problema con CSS y Firefox

Hola,

1.- Crea tu propio tema y no revivas temas antiguos.

2.- Sube la pagina a un servidor y pon el link para poder investigar el problema.



Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------

Etiquetas: firefox
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:26.