Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 25-may-2007, 06:02   #1 (permalink)
falonpla ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2006
Mensajes: 115
Exclamación Salto de Capa

Hola gente, necesito de vuestra ayuda urgentemente. Fijaros en la siguiente página:

http://deltoya.com/ND/index13.html

Si la abrís con el Firefox o IE7 la vereis sin problema, pero con el IE6 la página no se muestra correctamente. La capa #chicha, en la que tengo casi todo el contenido de la página, salta y se coloca debajo de la barra lateral, cuando debería ir a su lado derecho.

He estado haciendo pruebas y se que lo que provoca este fallo es el script que tengo introducido para mostrar noticias sindicadas, debajo de la barra en la que pone "titulares". Alguien podría indicarme como colocar este script para que se muestre correctamente en IE6? (odio a este navegador, pero no se le puede dar la espalda)

Gracias por anticipado.
falonpla está desconectado   Responder Citando
Antiguo 25-may-2007, 08:19   #2 (permalink)
falonpla ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2006
Mensajes: 115
Re: Salto de Capa

He conseguido solucionarlo posicionando la capa en la que iba el script absolutamente. Sin embargo, le he dado la propiedad margin-left: 15 px, y en el IE 6 me queda mucho más a la izquierda que en IE7 y firefox. Alguna sugerencia??
falonpla está desconectado   Responder Citando
Antiguo 25-may-2007, 14:04   #3 (permalink)
JHMorales ha deshabilitado el karma
 
Fecha de Ingreso: abril-2007
Mensajes: 229
Re: Salto de Capa

Hola:
el hack para el ie6 e inferiores:
* html aquieldivproblematico {
margin-left:xxpx;
}

cambia las xx por valores mayores o menores a 15 y cada vez vas guardando y recargando la página en el ie6 hasta que esté donde quieres que esté.

Suerte, Jorge H.
JHMorales está desconectado   Responder Citando
Antiguo 25-may-2007, 16:32   #4 (permalink)
falonpla ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2006
Mensajes: 115
Re: Salto de Capa

Ok, creo que lo he pillado. Entonces pongo primero el hack seguido del nombre de capa para que lo lea IE6 y luego pongo el nombre de capa sin hack para que lo lean Firefox e IE7. Solo una duda, el Firefox e IE7 van a leer dos veces el mismo nombre de capa en la hoja de estilos, eso no crea ningun problema?, solo hace caso al primero que lee??

Gracias compi !!

Última edición por falonpla; 25-may-2007 a las 17:23.
falonpla está desconectado   Responder Citando
Antiguo 26-may-2007, 03:43   #5 (permalink)
JHMorales ha deshabilitado el karma
 
Fecha de Ingreso: abril-2007
Mensajes: 229
Re: Salto de Capa

Hola:
debe ir al revés, primero el bueno (nombre de capa) y luego el hack (hack+nombre de capa). Un hack es un truco para aprovecharse de un defecto de programación de un navegador. En el caso de este los navegadores normales se saltan el * html mientras que el ie6 si lo lee.

Suerte, Jorge H.
JHMorales está desconectado   Responder Citando
Antiguo 26-may-2007, 05:57   #6 (permalink)
falonpla ha deshabilitado el karma
 
Fecha de Ingreso: mayo-2006
Mensajes: 115
Re: Salto de Capa

El caso es que he estado haciendo pruebas y me da el mismo resultado tanto si pongo el hack antes como si lo pongo después. Lo pondré despues como dices por si las moscas.
falonpla está desconectado   Responder Citando
Antiguo 26-may-2007, 16:16   #7 (permalink)
JHMorales ha deshabilitado el karma
 
Fecha de Ingreso: abril-2007
Mensajes: 229
Re: Salto de Capa

Hola:
las css van en cascada y lo último tiene preferencia, por eso hay que ponerlo después.

A propósito, es recomendable deshabilitar todos los margin y paddin que cada uno de los navegadores pone a su manera. Para ello empezar siempre la css así:
* {margin:0;padding:0;}

Suerte, Jorge H.
JHMorales está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 03:29.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93