Problema con navegadores

[juanballester5]

Hola a todos, estoy desarrollando una pagina web para una peluqueria y tengo el tipico problema de incompatibilidad de navegadores. Pese a que aun no está acabada en FIREFOX se ve todo bien centradito, pero en CHROME y EXPLORER se descentra totalmente. Podeis visitarla si quereis: jopipel.es, miradla en estos 3 navegadores y si pudierais darme una solución o un consejo (imagino que será de lo mas habitual) os lo agradecería mucho.....Un saludo

[juliostyle69]

Esto de los navegadores ha sido un gran problema desde siempre... Internet explorer es una porqueria, ya que no todo esta generalizado o estandarizado y tienes que programar para casi cada uno de los navegadores...

Debes de crear varias Hojas CSS y preguntar, por ejemplo: Si es IE(Internet Explorer) Que te incluya las hojas que hiciste para IE, o que si es otro navegador, te incluya las que hiciste para los demas navegadores pero no para IE...

Por lo general, Puedes programar para Opera, Firefox y Chrome, y a parte, IE...

Tambien las Hojas CSS y sus clases e ID's puedes agregarles varias estiquetas, que funcionan en distintos navegadores...

Por ejemplo:

Código PHP:

  -moz-box-shadow: 5px 5px 10px #000000; /* Destinado a Mozilla Firefox */
2
 -webkit-box-shadow: 5px 5px 10px #000000; /* Safari y Chrome antes de la versión 10 */
3
 box-shadow: 5px 5px 10px #000000; /* Opera 10.5, IE9, Chrome a partir de la versión 10 */ 
   

Este codigo, le coloca sombra a la div que se le esta dando el valor de la Clase o ID de la Hoja de estilo.

[pablorasta]

Holaa.

A la página que estás haciendo la podés centrar facilmente en todos los exploradores simplemente centrando el contenido lo cual no está echo. Si vos podés verlo centrado en firefox es de casualidad por el tamaño de la ventana que tengas. En mi caso no se ve centrado en ningún navegador.

No se ve centrado porque:

La tabla que usás mide: 109%
En la primer fila (donde está el título) tendría que haber solo una celda centrada y en cambio tenés tres celdas una de 21% otra de 73% y otra de 6%
Segunda y tercer fila similar.

¿Porqué tenés una tabla de 3 filas x 3 columnas si la página aparenta que necesita 3 filas y una sola columna?

A mi entender lo que tenés que hacer entonces es crear una tabla con el ancho 100% de una columna y 3 filas, y a las tres filas les ponés alinear centralmente.

Eso te lo muestra centrado en todos los navegadores.

Si tu intención es crear márgenes eso se hace con otros atributos, no agregando celdas...

Saludoss.

[cristian_db]

el problema es que utilizas tablas, y las tablas se utilizan para mostrar datos, no para diseñar una web, si utilizaras CSS con poner todo el contenido dentro de un div y con un margin: 0 auto; se soluciona tu problema para los navegadores
y utilizar flash tampoco es buena idea, en lo personal la verdad no me gusta mucho, con Jquery puedes hacer tranquilamente algo como eso y mucho mejor claro.
Ya sabes por lo pronto busca sobre estilos CSS.
Saludos!

[juanballester5]

Iniciado por juanballester5

Hola a todos, estoy desarrollando una pagina web para una peluqueria y tengo el tipico problema de incompatibilidad de navegadores. Pese a que aun no está acabada en FIREFOX se ve todo bien centradito, pero en CHROME y EXPLORER se descentra totalmente. Podeis visitarla si quereis: miradla en estos 3 navegadores y si pudierais darme una solución o un consejo (imagino que será de lo mas habitual) os lo agradecería mucho.....Un saludo