Problema con firefox

[amaia]

Hola soy nueva en el foro, vengo con un pequeño problemita, estoy tratando de hacer mi página web en css y dejar las tablas, no he tenido mucho tiempo para leer o ver manuales de CSS, así que creo tendré muchos errores, la cuestión es que en internet explorer y mi editor (editplus) veo todo perfectamente pero al verlo con firefox algo anda mal y no consigo solucionarlo.

ejemplo

Agradecería que me ayudarán

[Bilka]

No sabria decirte bien ahora....
pero si te sirve de ayuda..pasa la hoja CSS por el validador:
http://jigsaw.w3.org/css-validator/validator-uri.html
Si hay algun error eso te lo marcara ;).

[amaia]

Hola gracias por responder, es que ese es el problema no me marca errores

Código:

W3C CSS Validator Results for 
http://www.lostscents.com/Prueba/prueba.css
Congratulations!

Valid CSS!This document validates as CSS!

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the HTML you could use to add this icon to your Web page:

Entonces no se si es problema de firefox o yo soy la que estoy mal

[kemie]

¿que es lo que se ve mal? o, mejor dicho, como deberia de verse?

[SiR.CARAJ0DIDA]

yo acabo de terminar una pagina q se ve perfecto en ie y en firefox se ve todo mas ancho -_- no entiendo ese navegador.. no sirve para nada, todo se ve mal.

[Hurling]

yo acabo de terminar una pagina q se ve perfecto en ie y en firefox se ve todo mas ancho -_- no entiendo ese navegador.. no sirve para nada, todo se ve mal.

Revisa tu codigo, no necesitas entender el navegador, necesitas programar cumpliendo los standares. Que tu pagina no se vez bien en Firefox no significa que no sirva para nada. Si es que necesitas ayuda para que tu pagina se vea correctamente en los navegadores no me parece la mejor manera de empezar.

[kemie]

sir. es ie el que esta mal. para entender poque tus anchos son distintos, leete este articulo:
http://www.disenorama.com/articulos/...o_de_cajas.htm

[amaia]

Iniciado por kemie

¿que es lo que se ve mal? o, mejor dicho, como deberia de verse?

Upps perdón, aqui esta de nuevo, tengo el #content color gris y #siderbar-a en color gris claro, el header y footer en azul, si lo veo en EI, lo veo perfecto sin espacios, pero al verlo en firefox, queda un espacio debajo del sidebar-a y el footer y otro arriba entre el content y header.

Veo que sidebar-a quedaba arriba de content entonces cambie algunos valores pero aún no logro solucionar el problema

Gracias Kemie

[asinox]

amaia para solucionar bug de otros navegadores que no sean IE tienes que hacer esto, dos codigos para una misma cosa , me explico:

IE
a {
text-decoration:none;
/* esto es para internet explorer*/
}

Otros
html>body a {
text-decoration:none;
/* esto es para navegadores diferentes de IE*/
}

y no te preocupes que cada uno sabra cual estilo tomar

Saludos

[SiR.CARAJ0DIDA]

ahi dice que en ie 6+ ya implementan la forma correcta, sin embargo sigo viendo las paginas mas anchas en firefox -_-

[kemie]

implementa la forma correcta siempre y cuando uses un doctype estricto.

[SiR.CARAJ0DIDA]

ah ok, donde puedo ver los tipos de doctype q existen y para q sirven cada uno?

[kemie]

http://www.eslomas.com/index.php/arc...xhtml-doctype/

:)

[edudw]

mmm, disculpen, posteo para no perder el hilo de este post que me interesa.

[kahlito]

Hola aquí otro enlace sobre los doctypes:

http://www.sidar.org/recur/desdi/tra...04-webquality/

edudw, no hace falta que postees siempre tienes la opción arriba en el primer post a la derecha en:

Herramientas / Suscribirse a este tema.

Saludosss

[SiR.CARAJ0DIDA]

bueno.. he probado usar el doctype estricto en ie6 pero sigo con el mismo problema, si a una capa, por ejemplo, le asigno 200px de ancho, no importa el padding, border o margen que le agregue, siempre el ancho total me dice que es 200px. Esto lo probe mediante javascript, usando la propiedad "offsetWidth". Incluso probe esto mismo en firefox y en algunos casos me da resultados absurdos, por ejemplo 0px de ancho, o 100px, cuando en realidad es 200.....

me vuelve loco esto :s

[kahlito]

HOla SiR.CARAJ0DIDA.

¿Puedes poner un ejemplo con códigos?

Saludosss

[SiR.CARAJ0DIDA]

ok vean esta pegina de prueba

http://www.torneosnydus.com/test.htm

vean el codigo fuente, eso es lo que interpreto yo, esta bien?? yo no veo el borde superior de las capas, los anchos que dice son cualquier cosa, y si achico el ancho de la capa contenedora las capas de adentro siguen igual en la misma linea, no entiendo nada.

[kemie]

tienes problemas en tu css: tienes cosas que me imagino deberian ir dentro de los comentarios pero estan fuera:
width:400px; /* ancho total = 408px */ 200 + 4 padding + 0 margin + 4 border

deberia de ser:
width:400px; /* ancho total = 408px 200 + 4 padding + 0 margin + 4 border*/

de otra manera te toma el resto como propiedades ilegales.

te recomiendo que valides tu html y css, que tienes bastantes errores .

[SiR.CARAJ0DIDA]

lol nunca habia hecho semejante estupidez, ya lo arregle, pero sigo viendo cualquier cosa :s

[josepzin]

Aqui esta la solucion: http://www.disenorama.com/articulos/...o_de_cajas.htm