Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] CSS para firefox

Estas en el tema de CSS para firefox en el foro de CSS en Foros del Web. Hola, Ya se que este tema està más que remojado, lo siento por volverlo a sacar pero no encuentro justo lo que busco. Hestoy haciendo ...
  #1 (permalink)  
Antiguo 09/05/2011, 04:46
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
CSS para firefox

Hola,

Ya se que este tema està más que remojado, lo siento por volverlo a sacar pero no encuentro justo lo que busco.

Hestoy haciendo una web, la he hecho comprobandola en chrome, terminada he mirado el resto de navegadores y cada cual salia diferente.

Al cabo de probar hacks y cosas, se ve bien en safari, chrome y explorer, pero no se como hacerle hacks para el firefox y opera, que no he encontrado. Como lo solucionais?

Última edición por lktmaster; 09/05/2011 a las 04:53
  #2 (permalink)  
Antiguo 09/05/2011, 06:00
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: CSS para firefox

Opera solucionado

noindex:-o-prefocus, #tipetext {
margin-left:40px;
}

Me falta firefox... alguna alma caritativa
  #3 (permalink)  
Antiguo 09/05/2011, 06:06
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: CSS para firefox

Firefox solucionado

#tipetext, x:-moz-any-link {
margin-left:25px;
}

Ahora solo queria saver si alguien save si me aceptan estos codigos las versiones anteriores de los navegadores. muchas gracias

Y disculpen las molestias
  #4 (permalink)  
Antiguo 09/05/2011, 10:34
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

Mira según lo que leo... has de tener desastroso tu html+css por que el firefox es uno de los mejores navegadores que sigue los estándares web de la w3c... no se por que tienes tantos problemas con el firefox... En lo personal, maqueto en mozilla y solo reviso en opera por que las ultimas versiones están algo tediosas.. y en el ie... pero los demás son de los que mas siguen los estándares y si el firefox se ve bien, se te vera bien en los demás...
  #5 (permalink)  
Antiguo 09/05/2011, 14:40
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: CSS para firefox

Cita:
Iniciado por lktmaster Ver Mensaje
Hestoy haciendo una web, la he hecho comprobandola en chrome, terminada he mirado el resto de navegadores y cada cual salia diferente.
¡¡Ahhh, mis ojos!!
  #6 (permalink)  
Antiguo 09/05/2011, 15:56
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

hahaha no me fije... quizás quiso decir "jestoy"
  #7 (permalink)  
Antiguo 09/05/2011, 16:00
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: CSS para firefox

Más bien querría decir Estoy ¿no?

Saludos.

  #8 (permalink)  
Antiguo 09/05/2011, 16:40
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

Cita:
Iniciado por jomaruro Ver Mensaje
Más bien querría decir Estoy ¿no?

Saludos.

si eso quería decir... y tu que querías decir ahí? xD
  #9 (permalink)  
Antiguo 09/05/2011, 16:41
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: CSS para firefox

Cita:
Iniciado por lktmaster Ver Mensaje
Firefox solucionado

#tipetext, x:-moz-any-link {
margin-left:25px;
}

Ahora solo queria saver si alguien save si me aceptan estos codigos las versiones anteriores de los navegadores. muchas gracias

Y disculpen las molestias

que versiones de navegadores estas utilizando? para que te cause tantos problemas debes de tener una computadora demaciado precaria... la propiedad -moz-any-link tengo entendido es para Firefox 2.0 y anteriores... imagínate ya vamos en la versión 4.x

o tienes navegadores de maciado viejos o como dice el compañero @BloodShadow tienes tu codigo hecho un desastre pero enorme...

seria conveniente mostraras tu código o tu web quizás podríamos dar mejores soluciones a las ya encontradas
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #10 (permalink)  
Antiguo 09/05/2011, 16:53
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: CSS para firefox

Cita:
Iniciado por BloodShadow Ver Mensaje
si eso quería decir... y tu que querías decir ahí? xD
Querría es una variante de la palabra querer, se utiliza en ocasiones (en mi rancho no se el de ustedes) para denotar empatía sobre el deseo de la otra persona...

Más bien querría decir Estoy ¿no? ->>>> Más bien el quiso decir Estoy ¿no? ->>>> Más bien el quería decir Estoy ¿no?


compañero BloodShadow el idioma español es muy amplio ¿no lo cree?
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Última edición por ArturoGallegos; 09/05/2011 a las 16:59
  #11 (permalink)  
Antiguo 09/05/2011, 17:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: CSS para firefox

Conjugación del verbo querer.

Saludos.

  #12 (permalink)  
Antiguo 09/05/2011, 17:51
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

jajaja ok... ya no desvirtuemos mas el tema que parece ser que el dueño del post ni dio mas señales de vida :p...

PD: los extranjeros dicen que el idioma mas difícil de aprender es el español... al parecer es cierto por que ni nosotros mismo lo conocemos a la perfección xD
  #13 (permalink)  
Antiguo 10/05/2011, 03:20
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: CSS para firefox

Perdón por las faltas de ortografia, pero es que estoy un poco ofuscado ultimamente.

Hos dejo aqui mi css, la el problema no era que no se viera bién, sino que los tamaños de los pixeles no me los hacen igual.

Y tengo las ultimas versiones de estos navegadores, aunque en el html he escrito un codigo para que me lo lea como explorer 7 si és ie8.

Código HTML:
#tot    { 
	position:absolute; 
	top:50%; 
	left:50%; 
	margin-left:-350px;
	margin-top:-250px;
	width: 700px;
    height: 500px;
    background: transparent 8px 8px no-repeat ;
    font-family: Futura, Helvetica, Arial, Sans-serif;
    border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    box-shadow: 0 0 10px rgb(0,0,0);
    -o-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
}
#fondoverd    {
	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background: url('../images/background.png') bottom left repeat-x; 				
	background-color: rgb(3, 212, 0); 
	width: 700px; 
	height: 500px
}
#fondoblau    {
	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background: url('../images/background.png') bottom left repeat-x; 				
	background-color: rgb(0, 153, 255); 
	width: 700px; 
	height: 500px
}
#fondogroc    {
	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background: url('../images/background.png') bottom left repeat-x; 				
	background-color: rgb(255, 204, 51); 
	width: 700px; 
	height: 500px
}
#fondotronja    {
	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background: url('../images/background.png') bottom left repeat-x; 				
	background-color: rgb(255, 97, 0); 
	width: 700px; 
	height: 500px
} 
#nom    {
 	position: absolute;
    text-align: center;
    top: 28px;
    left: 40px;
	font-weight: bold;
	font-size: 3em;
    width: 700px;
    height: 100px;
	color: white;
}
#elementverd    {
 	border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
	background: url('../images/background2.png') 0px 0px repeat-x;
 	background-color: rgb(3, 212, 0);
    box-shadow: 0 0 10px rgb(0,0,0);
    -o-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
    width: 120px;
	height: 120px;
	position: absolute;
	top: 25px;
	left: 25px;
	*top: 10px;
 	*left: 10px; 
	z-index:100;
}
#elementblau    {
 	border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
	background: url('../images/background2.png') bottom left repeat-x;
 	background-color: rgb(0, 153, 255);
    box-shadow: 0 0 10px rgb(0,0,0);
    -o-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
    width: 120px;
	height: 120px;
	position: absolute;
	top: 25px;
	left: 25px;
	*top: 10px;
 	*left: 10px; 
	z-index:100;
} 
#elementgroc    {
 	border-radius: 0.5em;
    -o-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em; 
	background: url('../images/background2.png') bottom left repeat-x;
 	background-color: rgb(255, 204, 51);
    box-shadow: 0 0 10px rgb(0,0,0);
    -o-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);
    width: 120px;
	height: 120px;
	position: absolute;
	top: 25px;
	left: 25px;
	*top: 10px;
 	*left: 10px; 
	z-index:100;
}	
#elementtronja    {
	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background: url('../images/background2.png') bottom left repeat-x;
	background-color: rgb(255, 97, 0);
	box-shadow: 0 0 10px rgb(0,0,0);
	-o-box-shadow: 0 0 10px rgb(0,0,0);
    -moz-box-shadow: 0 0 10px rgb(0,0,0);
	-webkit-box-shadow: 0 0 10px rgb(0,0,0);
	width: 120px;
	height: 120px;
	position: absolute;
 	top: 25px;
 	left: 25px; 
 	*top: 10px;
 	*left: 10px;
 	z-index:100;
}
#abrebiacio    {
 	position: absolute;
	text-align: center;
	top: 26px;
	left: 0px;
	width: 120px;
	height: 120px;
	font-weight: bold;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 4em;
	color: white;
}
noindex:-o-prefocus, #abrebiacio    {
 	position: absolute;
	text-align: center;
	top: 33px;
	left: 0px;
	width: 120px;
	height: 120px;
	font-weight: bold;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 4em;
	color: white;
}
#abrebiacio, x:-moz-any-link    {
 	position: absolute;
	text-align: center;
	top: 35px;
	left: 0px;
	width: 120px;
	height: 120px;
	font-weight: bold;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 4em;
	color: white;
	*top: 26px;
}
#blanc    {
 	border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em; 
	background-color: #f2f2f2;
	width: 565px;
	height: 371px;
	position: absolute;
	top: 100px;
	left: 110px; 
	z-index:50;
} 
#info    {
	position: absolute;
	margin-top:12px;
	text-align: left;
	line-height: 41px;  
	top: 0px;
	font-size: 2em;
	width: 565px;
	height: 317px;
	opacity: 0.5;
	color : a0a0a0;
} 
#tipetext    {
	margin-left:40px;
	font-size: 0.8em;
	line-height: 36px;
	*color:rgb(115,115,115);
}
noindex:-o-prefocus, #tipetext    {
	margin-left:40px;
	font-size: 0.8em;
	line-height: 30px;
}
#tipetext, x:-moz-any-link    {
	margin-left:40px;
	font-size: 0.8em;
	line-height: 35px;
} 

#bold {
	font-weight:bold;
} 
#mes    {
	position:absolute; 
	width:30px; 
	height:30px; 
	top:15px; 
	right:15px;
	display: none;
}
#sombraexplorer    {
	*background: url('../images/sombraexplorer.png') bottom left repeat-x;
        *width: 140px;
	*height: 140px;
	*position: absolute;
	*top: 20px;
	*left: 20px; 
	*z-index:90;
}
hr {
	color: #000000;
	*color: #a0a0a09;
	font-size: 15px;
	*font-size: 5px9;
}
html { overflow-y:hidden; }
Si para entenderlo mejor necesitais el html me avisais.

Muchas gracias por todo

Última edición por lktmaster; 10/05/2011 a las 03:26
  #14 (permalink)  
Antiguo 10/05/2011, 09:24
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

mira hermano forero, creo que tienes que leer y practicar mas css y html por que la verdad que esa hoja de estilo esta muy mal hecha... yo en lo personal con la basta experiencia que tengo no necesito el uso de hack... pero te repito, eso lo ganas con la experiencia, hasta llegar a un punto de que no es necesario revisar en los navegadores por que estas seguro que se vera bien y si lo revisas ya lo haces por ética... Así que mejor sigue practicando y vuelve a hacer esa hoja de estilos...

Por que esto no es correcto :(

Código CSS:
Ver original
  1. #sombraexplorer    {
  2.     *background: url('../images/sombraexplorer.png') bottom left repeat-x;
  3.         *width: 140px;
  4.     *height: 140px;
  5.     *position: absolute;
  6.     *top: 20px;
  7.     *left: 20px;
  8.     *z-index:90;
  9. }

No es ofensa ni discriminación... solo es un consejo como pana :)
  #15 (permalink)  
Antiguo 10/05/2011, 12:04
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.826
Antigüedad: 9 años, 9 meses
Puntos: 953
Respuesta: CSS para firefox

por como esta tu código css me da la impresión de que no has declarado un doctype valido por lo que los exploradores tienen que trabajar en modo quirs... de igual forma te caería muy bien un reset CSS...

y como ya ha dicho el compañero @BloodShadow hay que repasar un poco mas de CSS, aparte de que usas mucho hack para ie (demasiado diría yo) también te has olvidado del orden de las propiedades....


por ejemplo tu has declarado

Código CSS:
Ver original
  1. #tot    {
  2.     border-radius: 0.5em;
  3.     -o-border-radius: 0.5em;
  4.     -moz-border-radius: 0.5em;
  5.     -webkit-border-radius: 0.5em;
  6.     box-shadow: 0 0 10px rgb(0,0,0);
  7.     -o-box-shadow: 0 0 10px rgb(0,0,0);
  8.     -moz-box-shadow: 0 0 10px rgb(0,0,0);
  9.     -webkit-box-shadow: 0 0 10px rgb(0,0,0);
  10. }

cuando debe de ser
Código CSS:
Ver original
  1. #tot    {
  2. -webkit-border-radius:  0.5em;
  3. -moz-border-radius:  0.5em;
  4. border-radius:  0.5em;/*esta regla debe estar despues de las etiquetas propias de cada navegador y no antes como la has colocado*/
  5. -webkit-box-shadow: 0 0 10px rgb(0,0,0);
  6. -moz-box-shadow:  0 0 10px rgb(0,0,0);
  7. box-shadow: 0 0 10px rgb(0,0,0);/*esta regla debe estar despues de las etiquetas propias de cada navegador y no antes como la has colocado*/
  8. }

sumado a esto utilizas como sistema de medida em y px opta por usar solo un tipo de medida para que no te compliques tanto... y si optas por los em recuerda que este es un sistema de medida variable

Cita:
La unidad em es igual a la altura (font-size) de la letra del elemento en el que se usa. Por ejemplo si para un párrafo especificamos un indentado de 2em, el largo de la sangría será igual a dos veces el tamaño de la letra de ese párrafo. Cuando empleamos la unidad de medida 'em' para especificar el tamaño de la letra (font-size) entonces el valor de 'em' viene dado por el tamaño de la fuente del elemento padre.

p { font-size:11px;text-indent: 2em; }

Este ejemplo equivale a un indentado de 22 px para el párrafo a que se aplica
texto sacado de ->> clic aquí
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....
  #16 (permalink)  
Antiguo 10/05/2011, 12:50
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: CSS para firefox

Muchas gracias a todos,

Ya se que realmente soy bastante pesimo en esto, llevo 6 meses des de que he empezado a tocar algo de codigo, html y 3 semanas en css, no he estudiado nada de esto y lo estoy haciendo en el curro y como no tengo tiempo voy buscando por ahi como solucionar cada problema, así que entiendo que esté fatal.

Aparte de eso daros las gracias por vuestra paciencia, si por casualidad vais biendo mas errores (que seguro) y teneis tiempo estaré encantado de solucionarlos y de recibir las criticas y aprender, que en eso estoy.

Si saveis de algun libro, foro, o lo que sea que hable de codigo en general, css javascript que sea conciso(sobretodo por falta de tiempo) y que esté realmente actualizado me iria muy bién.

Última edición por lktmaster; 10/05/2011 a las 12:58
  #17 (permalink)  
Antiguo 10/05/2011, 14:51
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 7 años, 8 meses
Puntos: 52
Respuesta: CSS para firefox

http://www.forosdelweb.com/wiki/CSS acá esta lo que buscas... Y vuelve a hacer esa hoja de estilos sin ni un hack... solo así aprenderás el verdaderos CSS y lo lindo que es cuando se sabe usar :)
  #18 (permalink)  
Antiguo 11/05/2011, 01:45
 
Fecha de Ingreso: enero-2011
Ubicación: Barcelona
Mensajes: 79
Antigüedad: 6 años, 11 meses
Puntos: 1
Respuesta: CSS para firefox

Muchas Gracias,

En ello estoy!!

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 22:48.