Foros del Web » Creando para Internet » CSS »

La página se descuadra en Internet Explorer

Estas en el tema de La página se descuadra en Internet Explorer en el foro de CSS en Foros del Web. Buenas, he maquetado una web en CSS, y en Google Chrome todo va bien, todo en su sitio. La web tiene una cabecera con el ...
  #1 (permalink)  
Antiguo 09/02/2011, 08:24
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 7 años
Puntos: 6
La página se descuadra en Internet Explorer

Buenas,
he maquetado una web en CSS, y en Google Chrome todo va bien, todo en su sitio. La web tiene una cabecera con el logo de la web arriba, el contenido de la web a la izquierda y un lateral a la derecha, además del pie de página que está dentro del contenido.
En Internet Explorer, el contenido se baja hasta donde acaba el lateral. Como lo soluciono? Este es el CSS completo de la web: (en la línea 66 comienza la cabecera)
Código CSS:
Ver original
  1. body {
  2. background: url('bg.jpg');
  3. font: 12pt Verdana;
  4. color: white;
  5. margin : 20px 0px 20px 0px;
  6. width: 1000px;
  7. }
  8.  
  9. .nar {
  10. color: orange;
  11. font-size: 12pt;
  12. }
  13.  
  14. .neg {
  15. color: black;
  16. font-size: 12pt;
  17. }
  18.  
  19. #boton-naranja {
  20. background: #e95d0f;
  21. -moz-border-radius: 15px;
  22. font-size: 14pt;
  23. padding-left: 2px;
  24. padding-right: 2px;
  25. }
  26.  
  27. #boton-verde {
  28. background: #97bf0d;
  29. -moz-border-radius: 15px;
  30. font-size: 14pt;
  31. }
  32.  
  33. #boton-blanco {
  34. background: #ffffff;
  35. -moz-border-radius: 15px;
  36. font-size: 14pt;
  37. }
  38.  
  39. #boton-amarillo {
  40. background: #ffed00;
  41. -moz-border-radius: 15px;
  42. font-size: 14pt;
  43. }
  44.  
  45. #lema {
  46. font-family: Arial;
  47. font-size: 20pt;
  48. color: orange;
  49. position: absolute;
  50. top: 55px;
  51. left: 300px;
  52. }
  53.  
  54. #op {
  55. background: orange;
  56. padding-right: 15px;
  57. padding-left: 15px;
  58. moz-border-radius: 15px;
  59. font-size: 14pt;
  60. }
  61.  
  62. #op:hover {
  63. background: red;
  64. }
  65.  
  66. #cabecera {
  67. height: 400px;
  68. width: 960px;
  69. margin: auto;
  70. }
  71.  
  72. #contenedor {
  73. text-align: left;
  74. width: 760px;
  75. padding-left: 6px;
  76. float: left;
  77. }
  78.  
  79. #lateral {
  80. text-align: right;
  81. width: 200px;
  82. float: right;
  83. }
  84.  
  85. #pie {
  86. border-top: 2px solid grey;
  87. width: 960px;
  88. font: 10pt Verdana;
  89. text-align: center;
  90. }
  91.  
  92. a:link, a:visited, a:focus {
  93. text-decoration: underline;
  94. color: white;
  95. }
  96.  
  97. a:hover {
  98. text-decoration: none;
  99. color: white;
  100. }
  #2 (permalink)  
Antiguo 09/02/2011, 09:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: La página se descuadra en Internet Explorer

Cita:
#contenedor {
text-align: left;
width: 760px;
padding-left: 6px;

float: left;
}

#lateral {
text-align: right;
width: 200px;
float: right;
}
Busque información sobre el modelo de caja (box model):
el estandar implementado por chrome, firefox, ópera...
y el que usan los ie.
  #3 (permalink)  
Antiguo 09/02/2011, 11:21
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 7 años
Puntos: 6
Respuesta: La página se descuadra en Internet Explorer

No he podido solucionarlo, alguna idea más?
  #4 (permalink)  
Antiguo 09/02/2011, 11:55
Avatar de Eucodance  
Fecha de Ingreso: febrero-2011
Ubicación: Puerto Deseado
Mensajes: 11
Antigüedad: 6 años, 10 meses
Puntos: 2
Respuesta: La página se descuadra en Internet Explorer

Subi capturas de la web de como se ve en ie
  #5 (permalink)  
Antiguo 09/02/2011, 13:32
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 7 años
Puntos: 6
Respuesta: La página se descuadra en Internet Explorer

He hecho una captura de como aparece.
  #6 (permalink)  
Antiguo 09/02/2011, 16:53
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: La página se descuadra en Internet Explorer

Hola:

Utiliza comentarios condicionales.

Saludos.

  #7 (permalink)  
Antiguo 10/02/2011, 12:23
 
Fecha de Ingreso: diciembre-2010
Mensajes: 39
Antigüedad: 7 años
Puntos: 6
Respuesta: La página se descuadra en Internet Explorer

Ya he solucionado el problema. Explico cómo:

He hecho un pequeño programita en PHP que detecta el navegador. Si el navegador es IE, devuelve la página con el CSS para IE, y si es otro navegador, devuelve la página con el CSS normal, al que he llamado "CSS estándar de la web" para no hacerme lios.
Ya se ve todo perfecto. Tuve que quitar los estilos de #contenedor.
  #8 (permalink)  
Antiguo 10/02/2011, 16:58
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: La página se descuadra en Internet Explorer

Hola:

A eso se le llama hacer caso a lo que te recomiendan, eso si, complicándose la vida.

Saludos.

  #9 (permalink)  
Antiguo 10/02/2011, 20:28
Avatar de leo_nqn  
Fecha de Ingreso: abril-2010
Ubicación: Neuquen
Mensajes: 461
Antigüedad: 7 años, 7 meses
Puntos: 24
Respuesta: La página se descuadra en Internet Explorer

Hay otras maneras de solucionarlo.. pero bueno... si te gusta hacer un css para cada navegador... Saludos...
__________________

Blog: http://leonardonqn.blogspot.com
Twitter:@Leo_FFerreyra
  #10 (permalink)  
Antiguo 11/02/2011, 14:39
 
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: La página se descuadra en Internet Explorer

A mi me pasa lo mismo, me puedes ayudar.

Te dejo el link que hice y si me lo puedes explicar un poco

http://www.forosdelweb.com/f53/resol...a-todo-885109/

Etiquetas: maquetacion
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 23:24.