posicion en navegadores

mj1984 · #1 (**permalink**) 17/08/2011, 13:38

Hola!! escribo porque ya estoy desesperada.
He terminado de hacer una página web en HTML, y la he probado en explorer y en google chrome y se ve distinto!! en google chrome se ven las cosas descolocadas.
He buscado solución por Internet, pero no encuentro nada.
¿Alguien puede darme una solución sencilla?
Lo que tengo es un banner al inicio de la página, en horizontal, y bajo el banner, un menú a mano izquierda y a la derecha el contenido según lo que se va seleccionando en dicho menú.

Muchas gracias!

Batan · #2 (**permalink**) 17/08/2011, 13:56

Buenas
No dejas código o enlace de referencia para poder ayudarte en los problemas.

Saludos

abattamkt · #3 (**permalink**) 17/08/2011, 14:11

Cita:

Iniciado por mj1984

Hola!! escribo porque ya estoy desesperada.
He terminado de hacer una página web en HTML, y la he probado en explorer y en google chrome y se ve distinto!! en google chrome se ven las cosas descolocadas.
He buscado solución por Internet, pero no encuentro nada.
¿Alguien puede darme una solución sencilla?
Lo que tengo es un banner al inicio de la página, en horizontal, y bajo el banner, un menú a mano izquierda y a la derecha el contenido según lo que se va seleccionando en dicho menú.

Muchas gracias!

pudieras poner el codigo html en un recuadro y el css en otro? eso nos ayudara a darte una mejor orientacion.

saludos

marcelo1043 · #4 (**permalink**) 17/08/2011, 14:41

A ver si te sirve esto: Trucos CSS para la compatibilidad en distintos navegadores.

Tiene buena pinta.
No esperes soluciones sencillas para este problema porque es uno de los caballos de batalla del diseño html, sobre todo para el explorer.

Tedel · #5 (**permalink**) 17/08/2011, 17:27

mm... COn un CSS limpio no necesitas de trucos. Te solucionaré la vida:

Haz tu CSS primero para Opera, es el más respetuoso de los estándares.
Sigue con los Webkit: Chrome, Safari, Konqueror
Sigue con los Gecko: Firefox, Camino
Sigue con Internet Explorer.
EDIT: Ocúpate solo del 8 y del nueve. Si el resto no actualizó por más que el mismo Microsoft les da la actualización gratis, ya es problema suyo

Termina con los móviles: Opera Mini y Firefox mobile.

Sonríe. Terminaste.

EDIT2:
¿Cuál es el secreto para que tu web se vea bien en todas esas opciones? Muy simple: Haz tu web lo más sencilla posible. Es lo que la gente prefiere.

marcelo1043 · #6 (**permalink**) 17/08/2011, 18:21

Cita:

Iniciado por Tedel

mm... COn un CSS limpio no necesitas de trucos. Te solucionaré la vida:

Haz tu CSS primero para Opera, es el más respetuoso de los estándares.
Sigue con los Webkit: Chrome, Safari, Konqueror
Sigue con los Gecko: Firefox, Camino
Sigue con Internet Explorer.
EDIT: Ocúpate solo del 8 y del nueve. Si el resto no actualizó por más que el mismo Microsoft les da la actualización gratis, ya es problema suyo

Termina con los móviles: Opera Mini y Firefox mobile.

Sonríe. Terminaste.

EDIT2:
¿Cuál es el secreto para que tu web se vea bien en todas esas opciones? Muy simple: Haz tu web lo más sencilla posible. Es lo que la gente prefiere.

¿Cómo se hace para que cada navegador aplique su código correspondiente?
Porque habrá algunos comandos que serán iguales en distintas plataformas... ¿o no?
Yo no los tengo discriminados y con Firefox, Chrome y Opera mi web se ve casi igual.

Tedel · #7 (**permalink**) 18/08/2011, 14:30

No necesitas discriminar. Solo necesitas hacer un archivo CSS simple, pensando. La mayoría de problemas con el CSS aparecen porque a los novatos se les ocurre dejar que su Dreamweaver pirata haga el CSS por ellos. Es un error horroroso.

El CSS debes hacerlo tú, pensando en cómo quieres que se vea tu página.

Dame una web como ejemplo, para más detalles.

Tedel · #8 (**permalink**) 18/08/2011, 14:37

Estaba pensando en dar un ejemplo para que lo del CSS a mano, pensando, quede claro.

Supongamos que quiero que mi web tenga un maergen pequeño a cada lado, que no me ocupe el 100% de la pantalla como la feísima Wikipedia. Eso se hace así:

Creo un contenedor en el HTML y pongo todo el contenido de la página allí.

Código:

<div id="contenedor">
contenido de la página
</div>

Luego voy al CSS y le doy un margen a cada lado del contenedor:

Código:

#contenedor
{margin-left: 27px; margin-right: 27px}

Fin.

marcelo1043 · #9 (**permalink**) 18/08/2011, 20:40

Cita:

Iniciado por Tedel

No necesitas discriminar. Solo necesitas hacer un archivo CSS simple, pensando. La mayoría de problemas con el CSS aparecen porque a los novatos se les ocurre dejar que su Dreamweaver pirata haga el CSS por ellos. Es un error horroroso.

El CSS debes hacerlo tú, pensando en cómo quieres que se vea tu página.

Dame una web como ejemplo, para más detalles.

Lo que quiero saber es cómo se hace en un CSS múltiple (para varias plataformas, como indicas) que cada una aplique su código correspondiente.

Porque si escribes tres o cuatro CSS diferentes quizá hubiera problema de que los códigos se contradigan unos a otros. ¿Se escribe "webkit... " etc o qué?

En el truco que puse deja claro que si escribes <!--[if IE]> esa orden es solo para explorer. Además lo usa el diario El Mundo que es tras Marca el diario on line más leido de España.

Por mi parte en mi web cineraro.com lo hice todo a mano, porque me pareció igual o más complicado aprender a usar el DW que aprender HTML.

La chica que abrió el tema no ha vuelto a aparecer.

mj1984 · #10 (**permalink**) 19/08/2011, 02:49

ya he resuelto el problema. Lo he solucionado utilizando tablas. Muchas gracias por vuestras opiniones!

marcelo1043 · #11 (**permalink**) 19/08/2011, 05:45

¿Las tablas están aún en uso? Yo creí que eran cosa de otro tiempo.

chuchufuentes · #12 (**permalink**) 21/08/2011, 12:24

hasta que no exista una solucion facil para eso, seguiremos utilizando tablas, por que tiempo para research no hay

Tedel · #13 (**permalink**) 21/08/2011, 21:35

Cita:

Iniciado por marcelo1043

Lo que quiero saber es cómo se hace en un CSS múltiple (para varias plataformas, como indicas) que cada una aplique su código correspondiente.

No es posible. No es necesario. Un solo CSS basta para todos cuando está bien hecho.

marcelo1043 · #14 (**permalink**) 23/08/2011, 07:06

Cita:

Iniciado por Tedel

Haz tu CSS primero para Opera, es el más respetuoso de los estándares.
Sigue con los Webkit: Chrome, Safari, Konqueror
Sigue con los Gecko: Firefox, Camino
Sigue con Internet Explorer.
EDIT: Ocúpate solo del 8 y del nueve. Si el resto no actualizó por más que el mismo Microsoft les da la actualización gratis, ya es problema suyo

Termina con los móviles: Opera Mini y Firefox mobile.

Sonríe. Terminaste.

Pues aquí decías que había que hacer varios diferentes en uno (o algo así).