Foros del Web » Creando para Internet » Herramientas y Software »

Porque mi pagina sale media descuadrada en Firefox y en IE

Estas en el tema de Porque mi pagina sale media descuadrada en Firefox y en IE en el foro de Herramientas y Software en Foros del Web. Alguien que me ayude urgente por favor u__u. Hice el diseño en Illustrator y de ahi lo exporte ( hice los cortes en illust ( ...
  #1 (permalink)  
Antiguo 04/10/2012, 15:23
 
Fecha de Ingreso: octubre-2012
Mensajes: 2
Antigüedad: 11 años, 9 meses
Puntos: 0
Pregunta Porque mi pagina sale media descuadrada en Firefox y en IE

Alguien que me ayude urgente por favor u__u.
Hice el diseño en Illustrator y de ahi lo exporte ( hice los cortes en illust ( para rellenar el contenido en dreamweaver en Chrome me funciona de mil maravillas pero en IE y en Firefox salen espacios en blanco . Agradecería mucho que me ayudaran u__U

Esta es la pagina
[URL="http://www.perasem.com/inicio.html"]http://www.perasem.com/inicio.html[/URL]
  #2 (permalink)  
Antiguo 04/10/2012, 17:22
 
Fecha de Ingreso: abril-2009
Ubicación: Barcelona
Mensajes: 113
Antigüedad: 15 años, 2 meses
Puntos: 9
Respuesta: Porque mi pagina sale media descuadrada en Firefox y en IE

Personalmente mala idea diseñar en Illustrator, exportar a html y listo.

La web te tarda horrores en cargar porque está cargando imágenes a saco cuando con CSS sería mucho más ligera y limpia de mantener. Piensa que si ahora por lo que sea quieres cambiar ese color marrón por uno gris tendrás de remontar todo cuando con CSS sería simplemente cambiar una linea de código.

Internamente la web está maquetada con tablas lo cual es un desastre y una locura. No solo eso sino que el Doctype lo tienes metido dentro del body, cuando debería estar antes de la etiqueta html, es decir lo primero que se pone es el doctype.
Y además toda tu web está metida dentro de la etiqueta doctype... casi nada.

Realmente lo curioso es que en Chrome efectivamente se ve correctamente.
He mirado un poco por encima el código y estoy seguro que tiene que ver con algo del espacio entre las celdas de la tabla... Chrome por defecto carga inicialmente sus propias reglas CSS y sobre ello construye todo lo demás. Firefox hace lo mismo pero alguna regla no será la misma. Firefox tiende a ser más estricto en estos temas.

Explorer es un mundo a parte.... el cual por cierto me tira un mensaje indicando que la copia de Quickmenu no está pagada.... ejem....

Creo que será más rápido que partas de cero...
  #3 (permalink)  
Antiguo 04/10/2012, 22:14
 
Fecha de Ingreso: octubre-2012
Mensajes: 2
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Porque mi pagina sale media descuadrada en Firefox y en IE

y como pondria las imagenes en la hoja de estilos ?
soy un tanto novato
  #4 (permalink)  
Antiguo 05/10/2012, 04:50
 
Fecha de Ingreso: abril-2009
Ubicación: Barcelona
Mensajes: 113
Antigüedad: 15 años, 2 meses
Puntos: 9
Respuesta: Porque mi pagina sale media descuadrada en Firefox y en IE

Las imágenes las sigues poniendo en el código HTML mediante su respectivo código
<img src="imagen.png" width="120" height="250" />

Luego con CSS es donde controlas como situarlo. Pero es que por ejemplo la única imagen que deberías mantener es la del logotipo y las fotografías que tienes, todo el tema de color del resto de la web (menús, fondo etc) deberías de controlarlo solo con CSS, te ahorrarías muchas imágenes que cuadrar y sería todo más fácil de modificar llegado el caso.

Por ejemplo el color marrón que tienes por todas partes (omitiendo en el ejemplo el tema de los degradados) lo podrías hacer con esta simple linea:

body {background-color:#B48558;}

El día que quisieras cambiar el color, por ejemplo a rojo, simplemente pondrías

body{background-color:red;}

Con CSS puedes controlar los colores, las formas redondeadas de tus menús, el degradado, la posición de las capas de las imágenes... vamos todo.
Muchísimo más fácil de mantener y la web se aligera mucho.

Mi recomendación es que partas de cero.

Te recomiendo que comiences a echarle un vistazo a algunos manuales de desarrollo HTML+CSS. En google puedes encontrar muchos.

Etiquetas: descuadrada, dreamweaver, firefox, media
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 11:12.