Por que Ocurre esto en Diferentes Navegadores?

[moz90]

Hola foreros espero que me puedan ayudar con este temita, tengo una pagina que acabo de hacer es una especie de blog hecho en php, pero que pasan cosas muy extrañas con las posiciones de algunas partes, (me parece a mi q ese es un problema con hojas de estilo), en mozila y internet explore, se ven diferentes, en especial la parte que dice comentarios veanlo, plis y si me pueden proporcionar una solución para este problema

vision-web.webcindario.com/blog.php

tambien se ve diferente con esta dirreccion: www.vision-web.tk
es lo que me saca mas del cuadro, en la parte del blog.ç

Tambien me eh dado cuenta que en internet explore y google chrome se ve bien el boton leer mas de cada tema, pero en mozila se ve mas pegado...plis ayuda como arreglo eso


salu2

[millan2525]

Eso siempre pasará, no todos los navegadores usan todas las funciones de css, y tendrás que buscarte la vida :S

[moz90]

Iniciado por millan2525

Eso siempre pasará, no todos los navegadores usan todas las funciones de css, y tendrás que buscarte la vida :S

gracias por tu alentador ayuda je, eh estado leyendo un poco y es un problema algo dificultoso, incluso me eh comprobado los errores en la pagina WC3 y los corregi segun la pagia pero sigue igual, alguien sabe como solucionarlo....?

[cristian_cena]

Hola moz90, mira, segun mi ietester no se te descuadra nada, puedes pasar una captura?

[moz90]

Iniciado por cristian_cena

Hola moz90, mira, segun mi ietester no se te descuadra nada, puedes pasar una captura?

a ver, esta una toma de google



en FireFox



y IE



como ves en firefox se ve mas pegados los temas del blog o el boton; nose a q se debera..y en ie y google se ven iguales pero muy espaciados...ahi se ve claro weno espero q alguien me ayude con este pequeño problem

salu2

[cristian_cena]

Bueno, primero tomamos los selectores a modificar con firebug (addon para firefox).

.content-box // es la caja contenedora
.content-box a h3 // es el título de tus artículos. ten en cuenta que puedes hacer .content-box a:hover
.content-box .post-info // es el recuadro celeste con "autor/fecha/categoría"
.content-box .post-info .comments
.content-box .readmore rightalign

Bueno, ahora debes controlar los margin y padding de los elementos.
Para firefox, opera, safari y chrome trabajaras de una manera y para internet explorer de otra. Al menos eso hago yo.

Asi que puedes buscar estas clases en tu archivo style.css o bien crearte una nueva hoja de estilos en donde por ejemplo puedes dar:
.content-box {margin:/*valor que tu quieras* !important/}
Si nome equivoco estas trabajando sobre joomla! asi que con important lograrás que los estilos que das en tu nueva hoja de estilos se impongan a los de la plantilla (style.css) o también a esos molestos estilos que encontramos en las etiqueta mismas etiquetas html.

Luego create una hoja de estilos para cada version de ie. que luego llamas con <link/> y un comentario condicional.
Por ejemplo, vinculamos una hoja de estilos para ie6
<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

Bueno espero haberte sido de ayuda. Ya sabes, encuentra la clase y reemplaza sus propiedades, especificamente juega con margin y padding

[loncho_rojas]

Porque no enviamos una carta a Microdoft, y les decimos que se dejen de joder las P#!!@% de sus &%·@@#!... es lamentable realmente su navegador IE (Interminables Errores)!

[jomaruro]

Hola:

Iniciado por loncho_rojas

Porque no enviamos una carta a Microdoft, y les decimos que se dejen de joder las P#!!@% de sus &%·@@#!... es lamentable realmente su navegador IE (Interminables Errores)!

¿Y de que serviría? ¿Acaso piensas que no lo saben ya de sobra?

Saludos.