Ver Mensaje Individual
  #6 (permalink)  
Antiguo 25/05/2010, 19:09
jcarlosfr
 
Fecha de Ingreso: marzo-2010
Mensajes: 6
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: Divs + CSS (principiante)

Pues no hay de que... ahora con el problema ese lo que pasa es que los navegadores web usan diferentes motores de renderizado para procesar y mostrar las paginas vaya que firefox utiliza uno llamado gecko, google chrome y safari estan basados en web kit un motor de renderisado basado en KSHML si mal no me equivoco que es el motor de renderizado con el que funciona konqueror el navegador web freesource de linux de esto se trata que cuando tu utilizas un estilo css las paginas s evean diferentes en todos los navegadores siendo que internet explorer utiliza uno llamado trident siendo el menos compatible con css si entras a esta url que es la direccion del acid test; entrando a esta direccion esta pagina realiza un test dependiendo del navegador y te va desplegando en una puntuacion de uno a cien que tan bueno es, siendo que el que pasa todas las pruebas mejor es opera con su motor de renderisado presto y safari y chrome tambien lo pasan casi al cien por ciento si no me equivoco yaa con esta informacion espero calmar tu frustracion a la hora de estar quebrandote la cabeza para asignar un estilo a cada pagina.

Con respecto a lo que me dices en la pagina de que se ven dos pixeles de diferencia deberias intentar realizar el siguiente hack estos hacks son estilos que nosostros aplicamos al css para apuntar a un navegador predeterminado para que solo este tome ese estilo y los demas lo ignoren hay varios tipos de hacks como los comentarios condicionales creados por microsoft para internet explorer... bueno existe uno que tienes que anteponerle una diagonal y despues escribir el estilo para que internet explorer lo tome osea por ejemplo
Código CSS:
Ver original
  1. #columna1 {
  2.     width: 100&#37;; <--solo para firefox
  3.     / width: 70%; <--solo para internet explorer
  4. }

Si esto no funciona otra alternativa es hacer el siguiente hack:

Código CSS:
Ver original
  1. #cabecera {margin-bottom:3em} <-- esto solo lo interpretara internet explorer
  2. html>body #header {margin-bottom:1em} <-- Esto lo leera firefox junto con el resto de los navegadores

ya que si de plano nada de esto funciona recurreo a los comentarios condicionales te dejo un excelente tuto sobre este tema:

http://css-discuss.incutio.com/wiki/Css_Hack

ojala te haya servido de algo...:D