Existe solución para la incopatibilidad de explorer??

Hola, mi nombre es Nicolás y antes que nada queria agradecerles por que gracias a ustedes aprendi a usar html, y estoy aprendiendo a usar php... pero aun no puedo comenzar porque tengo un inconveniente.

Estube haciendo una pagina una semana entera, quedo buena, ordenada y copada.
explorer iba perfecto, con los demas se me veian los divs por cualquier lado.
Estube buscando en este y en varios foros, y no encuentro una solucion adecuada....
la verdad no quiero publicar el codigo al menos que sea muy necesario....
cualquier cosa mando screens.
Queria saber como suelen arreglar este problema uds,
probe con un script re largo que habia que agregar un browse_detection.php, y no funciono...
probe dandole margin y padding 0px al principio...
probe con margin 0px !important y no me paso nada....
la verdad necesito ayuda urgente porque ya hasta google me promociona con adcsense y no puedo tener una pagina decente....

HELP ME JORGENS! :roll:

Para pedir ayuda en estos casos necesitas pasarnos los códigos que usas en tu web. A nosotros una captura de pantalla no nos dice nada, bueno sí, que tal div sale descolocado pero no podemos ver los estilos de ese div que hacen que en X navegador se vea así.

Con qué IE lo estás probando? IE 6, IE 7 o IE 8?

con el 8 x? se ve mal en los anteriores?

npreloaded escribió:con el 8 x? se ve mal en los anteriores?

No tengo en idea. En Firefox, el footer se ve mal...
Mira: http://img692.imageshack.us/img692/2870/cctwa.jpg

si, pero como se arregla eso ?

mira, si al menu2, en la hoja de estilo le pongo de width 620px, el contenido y el texto encajan... pero me lo desencaja para ie...
asi que .. que onda tengo que elejir ?
y lo del banner de abajo de lost, no tengo idea como repararlo

lol, la web se ve mal en firefox, en ie6, en ie7 y en el 8 no pude mirarlo pero me imagino que mal también.

Te lo miraré hoy a la tarde pero pienso que lo primero que hay que hacer es centrar bien la web en conjunto porque siempre sale muy a la derecha.

Saludos

Acabo de ver algunos errores, yo te recomiendo que mires todo tu css porque posiblemente tienes más fallos

#pie li {float= right; margin-left: 20px}
p {font-size: 16px; text-align= "center"} 

#pie li {float:right; margin-left: 20px}
p {font-size: 16px; text-align:center} 

Prueba a declarar en el css el div página justo después de:

p a:actived {color: black ; font-size: 18; text-decoration: none} 

No sé si el orden influye, nunca lo comprobé.

Sácale el margin-left al div pagina para que se te vea centrada.

De momento haz todo eso ;)

Foley, ante todo gracias por la paciencia...

Remplaze el "=" por :. No hubo ningun cambio... es raro que el validator no me lo haya detectado no ? :S

bueno, cambie el orden del div pagina.. y tampoco ningun cambio.

y por ultimo le saque el margen.. pero no me queda centrado, me queda pegado a la izquierda... justamente por eso le mande el margin-left.. para que no quede pegado a la izq..

Buenoo ayuda :)

Solución existe aunque no sé yo si te valdría la pena ir haciendo la web desde 0 paso a paso fijándote en cómo se van viendo los diferentes cambios que le vas haciendo hasta tener el diseño que quieres en los diferentes navegadores.

Tu diséñala para firefox y luego ya arreglarás los problemas del ie con hacks css.

Te digo todo esto porque yo siempre englobo toda la web dentro de un div (en tu caso se llama pagina) y me queda centrado. Te paso lo que yo uso:

#container {background-image: url();margin: 0 auto;width:900px;border-style:solid;border-color:#000;border-width:1px;}

Con eso me queda centrado, con unos espacios más grandes o más pequeños a ambos lados según las resoluciones de los visitantes.

Saludos ;)

ok.. entonces tengo que hacer todo de vuelta ? :S

bueno la cosa es que... si yo quiero quede en un espacio determinado...
como hago para que me acepte el mismo margin ie, y firefox ?
porque.. si me queda bien para uno .. me queda mal para otro...
mi pregunta es.. hay codigos que sean para solucionar esto?
vi por ahy, algunos que identificaban el navegador que el usuario utilizaba para redireccionarlo al estilo css del explorer o firefox.. pero tenes que hacer 2.... pero borraron la web donde estaba y no lo encontre :S
despues lei algo de que en firefox.. a los margenes habia que agregarle "!important" y tampoco funciono...
algun codigo excepcional ?

Eso que comentas son hacks css, yo los uso.

En http://www.webtaller.com/construccion/lenguajes/html/lecciones/come… explican su uso, básicamente se trata de poner el código que indica que tal hoja de estilos es para tal navegador en el head de tu web.

Te paso un ejemplo:

<!--[if lte IE 6]>   
<link rel="STYLESHEET" type="text/css" href="css/fix-ie6.css" />    <![endif]-->	 

Al tener hojas de estilo específicas para ie por ejemplo pues puedes darle los márgenes, paddings, etc que te hagan falta en ese navegador.

Un saludo ;)

ok osea si yo kiero que el usuario que tenga explorer 6, al entrar a mi pagina utilize el estilo de explorer 6..(ya configurado por mi ovbio).. le pongo esto:

<!--[if lte IE 6]>
<link rel="STYLESHEET" type="text/css" href="css/fix-ie6.css" /> <!-->

donde lte IE6 le dice que a cualquier explorer menor o igual a 6..
y css/fix-ie6.css, le indica a la hoja de estilo que tiene que dirijirse...

no ?

osea deberia tener una de estas
<!--[if lte IE 6]>
<link rel="STYLESHEET" type="text/css" href="css/fix-ie6.css" /> <!-->
por cada explorer? 6,7,8 ?
y para firefox?

probe poniendo este codigo en index...

<!--[if lte IE 8]>
<link rel="STYLESHEET" type="text/css" href="indexie8.css" /> <!-->

y este estaba debajo...

<link rel= "stylesheet" href="Personalizar/index.css" type="text/css" media= "all">

obviamente me toma el de abajo, que es general... si borro este, me toma el que puse arriba (ie8) .. ahora.. con esto puedo crear un estilo para ie7, ie8 .. excelente... pero para firefox? para opera?

Esos hacks css indican la hoja de estilos para ese/esos determinados navegadores a los que hace referencia con lo de lte, gte y tal.

El resto de navegadores usando la hoja de estilos que indicas con:

<link rel= "stylesheet" href="Personalizar/index.css" type="text/css" media= "all">

Saludos ;)