Cita:
Iniciado por hernino88 
problemas tipicos de lectura de codigo pienso yo... hago una web y como mi preferencia es mozilla, pruebo todo en firefox, pero a la hora de probar en iexplore (por mas que no me guste, el mas utilizado) se ve todo feo... a que me refiero, a que maqueto todo con div y en firefox se ve como debe ser... en iexplore se ve todo desplazado hacia la derecha, izq, abajo o arriba, no respetando los margins, paddings, etc de mi codigo css...
Problema de DreamWeaver? lo uso en vista código, no me gusta armar en vista diseño, me parece mas que limitado... O como bien pienso yo, error de decodificación de internet explorer???? para mi lo mas probable...
Eh leido que hay varias formas de validar codigo para iexplore, pero no quiero caer en parchear codigo, alguien sabe el verdadero origen del problema?
Saludos... agradecere una respuesta...
Si quieres saber el origen de todo eso la cosa es simple: el I.E. no interpreta la hoja de estilos igual que lo interpreta el Firefox, por eso se ve distinto. Ahora, por qué en el DreamWeaber se ve más que limitado? pues por los límites del DreamWeaber, el cual no soporta todos los selectores CSS, no te preocupes por eso, nadie navega con el DreamWeaber porque no es un navegador. Ahora qué hacer? pues usa hacks, no es un parche, es una de las varias soluciones que hay. Te explico como hacer:
#elemento {
padding: 10px;
width: 300px; /* Lo lee todos los navegadores */
#width: 310px /* Lo lee solo I.E */
_width: 320px; /* Lo lee solo el I.E 6 */
}
El problema viene de que I.E. 6 interpreta de distinto modo el width: mientras que para firefox el width es la suma del ancho del contenido mas el padding mas el margin (esto es el estándar) el I.E. 6 interpreta el ancho como el ancho del contenido solamente.
Bueno, todo esto se puede arreglar con los hacks que muestro. Si digamos estuvieramos navegando en cualquier browser que no sea el I.E. (recomendable) entonces se lee el primer valor de width, los otros valores son obviados. Si navegaramos con el Internet Explorer 6 (nada recomendable) leería el primer valor del width, después el segundo valor y al final el tercer valor y con ese se quedaría. Para el caso de navegar con I.E. 7 interpretaría hasta el #width, el siguiente valor sería obviado. Con esto tendríamos para un mismo elemento con un mismo archivo CSS y en el mismo selector tres valores distintos para cada caso.
Espero que me haya sabido explicar bien y que te sirva.