Foros del Web » Creando para Internet » Diseño web »

Mi pagina se ve Distinta en IE8 - Firefox - Chrome

Estas en el tema de Mi pagina se ve Distinta en IE8 - Firefox - Chrome en el foro de Diseño web en Foros del Web. Muy buenas! Hace un par de meses empece con las web's y estoy utilizando CSS, pero cuando visualizo el documento en (abrir en IE ó ...
  #1 (permalink)  
Antiguo 12/11/2009, 06:24
 
Fecha de Ingreso: diciembre-2007
Ubicación: valencia
Mensajes: 38
Antigüedad: 10 años
Puntos: 0
Mi pagina se ve Distinta en IE8 - Firefox - Chrome

Muy buenas!

Hace un par de meses empece con las web's y estoy utilizando CSS, pero cuando visualizo el documento en (abrir en IE ó con Chrome ó Firefox), el resultado es distinto. Se descuadra todo, el menú sale muy arriba, el fondo del contenido si le he colocado un .png se me arriba del todo, es decir patas arriba!

Es cuestión de los div??, en IE8 se ve muy bien, pero en los demás navegadores se mueve todo.
Es necesario empezar con:


Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//E........
No lo he escrito todo completo, porque cuando quiero enviar el post. me dice que no puedo, por tema de spam, pero creo q si se entiende.


Mas datos: siempre hago esto dentro del Head:

Código HTML:
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href='show.css' type="text/css" />
<script type="text/javascript"></script>
<script type="text/javascript" src="myjs.js"></script>
</head> 
Y en otro doc. tengo mis CSS
Casi todo lo hago con div id= y con class la verdad muy poco, casi nada.
Esto también tiene que ver??

En mi doc. CSS he estado "jugando" con position: relative, absolute.... para ir probando y si cuadra en los demás navegadores, pero aún así, no he conseguido resultados.
He tenido mucho cuidado en no pasarme de los "width" en los div dentro de otros div.

Espero haber sido claro en mi problema y de antemano gracias por comentar.
Saludos.
  #2 (permalink)  
Antiguo 12/11/2009, 06:31
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

el problema se debe a la distinta interpretación del estándar de la W3C por parte de los desarrolladores de los browser, cambiando el header no lograrás solucionar el lío, tendrías que reestructurar las capas y el diseño como tal.

No es por ofender a nadie, pero IE es de todos el que por así decirlo discrepa con la mayoría de los demás browsers, yo he diseñado paginas y css que me han funcionado de maravillas en FF, Safari y Chrome, pero al probarlo en IE siempre salta algo a la vista!!! y hay que hacer "magia" para arreglarlo.

en http://www.librosweb.es/ dispones de una amplia referencia sobre css para limpiar floats y trucos para lograr un css optimo multinavegador.

suerte!
  #3 (permalink)  
Antiguo 12/11/2009, 08:47
 
Fecha de Ingreso: diciembre-2007
Ubicación: valencia
Mensajes: 38
Antigüedad: 10 años
Puntos: 0
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

Gracias maycolalvarez!...
aunque a mi me pasa todo lo contrario,, en IE se ve bien, pero en chrome FF y safari se mueve todo!! :S :S... le echaré unvistazo al link...

gracias!
  #4 (permalink)  
Antiguo 13/11/2009, 00:41
 
Fecha de Ingreso: septiembre-2009
Ubicación: Guanajuato
Mensajes: 196
Antigüedad: 8 años, 3 meses
Puntos: 3
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

y si lo estas haciendo en tablas?
  #5 (permalink)  
Antiguo 13/11/2009, 03:37
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

Hola,

La codificación de la perfecta voluntad de resolver todos estos problema. Haga su codificación absolutamente perfecto. Si usted trabaja en Dreamweaver que muestra que el código no es compatible con qué navegador. Creo que esto le ayudará.
  #6 (permalink)  
Antiguo 13/11/2009, 15:35
 
Fecha de Ingreso: diciembre-2007
Ubicación: valencia
Mensajes: 38
Antigüedad: 10 años
Puntos: 0
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

Buenas!!!.. newer2302.. no estoy utilizando tablas, al comienzo si, pero me dí cuenta que con los DIV puedo mover mejor los objetos y demás...

Y brandmantra, es verdad lo que dices, usando la codificación perfecta puedo obtener mejor resultado...

Te explico: Cuando empece hacer web, me movia con Dreamweaver pero solo utilizaba la parte de diseño, no tocaba código, ni si quiera utilizaba los css, pq no sabía.
Así que imagínate como me salian las web's....

Pero luego aprendí el codigo HTML y CSS... en el bloc de notas!! los 2 lenguajes los aprendí en el block de notas, nada más....

Así que desde ayer me baje el Notepad++ ..y estoy trabajando desde ahí.... estoy practicando y creando archivos .php y entrelazando cada uno... por ejemplo.. creando una cabecera.php in index.ph y un pie.php

Desde el index llamo con:

Código PHP:
<?php
include(.../.../cabecera.php);
?>
contenido....
contenido...
contenido...


y al final llamo al pie con:
<?php
include(.../.../pie.php);
?>

En la cabecera llamo al .css al head y más.
lo voy probando con mi servidor localhost..utilizando el xamp
lo subo por filezilla...
luego esa dirección la valido en:

W3C validator: y el CSS también

Y así voy probando cosas si estan bien o no.
Gracias por la ayuda.

Saludos...
  #7 (permalink)  
Antiguo 13/11/2009, 15:50
Avatar de sebaweb  
Fecha de Ingreso: abril-2009
Mensajes: 95
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: Mi pagina se ve Distinta en IE8 - Firefox - Chrome

lo mejor ppara que puedas visualizar bien en todos los navegadores es maquetando con css, si sos prolijo y ordenado en el codigo, no va a haber ningun problema.
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 14:16.