Raro bug en IE (lista invisible)

Citar

Escrito el 12 Abr 2006 02:31 pm

Buenas!
soy nuevo aquí, y ya voy a comenzar a postear

Bueno, el caso, es que estoy probando un nuevo diseño, y todo iba bien (tanto en FFox e IE), pero cuando apliqué la técnica de las columnas Faux, mi lista (o sea, la mancha gris) desapareció... ¿Alguna forma de solucionar esto?
PD: por si no vieron el link, aquí está: http://alanorozco.villavicastur.com/pruebas/v2/

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Ultima edición por Alan el 13 Abr 2006 01:33 am, editado 1 vez

Citar

Escrito el 12 Abr 2006 09:47 pm

Tenemos muy poca información para poder ver donde está el error, pero si quieres descubrirlo puedes ir quitando propiedades a esa <ul><li>prueba</li></ul> y ver donde falla, quizás te pueda dar pistas.

Suerte

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Barcelona

Citar

Escrito el 13 Abr 2006 12:47 am

de hecho, Capt Mahou, la pregunta está completa. si bien no pone el código; pone la url y con eso es más que suficiente

alan, no tengo la menor idea de porqué pasa esto; el código se ve un poco rebuscado (vamos, puede ser cualquier cosa), pero el camino para la correcta visualización en los navegadores es, sin duda, el intento-error.
una recomendación es que, tal vez deberías empezar otra vez a crear el css (el xhtml parece correcto), pero teniendo abiertos ambos navegadores y cada que cambies, no sé, dos o tres propiedades, darle f5 y comprobar que se vea bien en ambos

sí, es un duro camino, pero nos llevará a la salvación

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 13 Abr 2006 01:00 am

Algo ya descubrí, gracias, era la propiedad de posición, que estaba en absoluta... Cuando la cambio a relative ya se muestra, pero todo se descuadra.
Si quieren mi CSS, aquí está:

Código :

ul#nav {
   background: url(pics/nav.gif) no-repeat;
   position:absolute;
   margin: 0 0 0 200px;
   padding: 0;
   list-style: none;
   width:180px;
   height:310px;
}

La de IE:

Código :

ul#nav {
   position: relative;
}

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 13 Abr 2006 01:05 am

Ya, no me hagan caso, lo pude solucionar

Pensé en eso de que los margins negativos 'pueden cortar' y con la posición relativa y un margin especial logré hacerlo:

Código :

ul#nav {
   position: relative;
   margin: 0 0 -310px 200px;
}

Sólo por si a alguien le pasa algo similar...

Creo que también funciona con static...
De todas maneras, gracias por la ayuda

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 13 Abr 2006 03:28 am

¿Posición negativa en una navegación? Tengo que ver que trataste de hacer...

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Abr 2006 03:35 am

Interesante diseño, muchas cosas "raras" por probar, me gusta tu idea.
He visto muchas cosas, si, pero hay unas cuantas que no son necesarias. En varias partes pudiste haber flotado ciertos elementos en vez de posiciones absolutas para lograr el menu y el logo.

En fin, me gusta que hayas podido hacerlo de "otra manera", lo hace más interesante, pero seguro te demoraste y quizás renegaste más

Un saludo

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Abr 2006 08:55 am

No teneis problemas cuando poneis una caja con position relative y hacemos scroll? porque a mi en IE se me scrolean dichas cajas cuando no deberian...

Por frenadoll

922 de clabLevel

6 tutoriales

Genero:Masculino

Envíale un mensaje privado Email Web

Barcelona

Citar

Escrito el 13 Abr 2006 04:07 pm

Capt.Mahou escribió:

No teneis problemas cuando poneis una caja con position relative y hacemos scroll? porque a mi en IE se me scrolean dichas cajas cuando no deberian...

A mí no me pasó eso...

NEO_JP escribió:

Interesante diseño, muchas cosas "raras" por probar, me gusta tu idea.
He visto muchas cosas, si, pero hay unas cuantas que no son necesarias. En varias partes pudiste haber flotado ciertos elementos en vez de posiciones absolutas para lograr el menu y el logo.

Ya sé, pero así es más fácil para mí... ¿En serio está muy raro?

... Funciona y valida

NEO_JP escribió:

En fin, me gusta que hayas podido hacerlo de "otra manera", lo hace más interesante, pero seguro te demoraste y quizás renegaste más

Naaah, ya había hecho algo parecido

Saludos!

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 13 Abr 2006 04:58 pm

Jeje, bueno de eso trata, usar nuevas cosas para el mismo propósito.
Vi que usaste el worn technique, habia visto esto antes, pero no habia visto una web implementandolo más que el dueño, se ve bien.

Tu diseño es algo diferente, eso lo hace más c00l, suerte.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Abr 2006 05:34 pm

NEO_JP escribió:

Jeje, bueno de eso trata, usar nuevas cosas para el mismo propósito.
Vi que usaste el worn technique, habia visto esto antes, pero no habia visto una web implementandolo más que el dueño, se ve bien.

Tu diseño es algo diferente, eso lo hace más c00l, suerte.

Jejeje, gracias

También es el tercer diseño que hago con CSS... (solo una nota)...

Saludos desde el país de los tacos xDDD

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 13 Abr 2006 05:54 pm

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 18 Abr 2006 11:13 pm

Bueno, pues el mismo error me está saliendo con otros elementos... Creo que es mejor hacerlo con floats (como habian dicho) ya estoy reescribiendo mi código (xhtml y css)... Saludos!

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Raro bug en IE (lista invisible)

Escribe una respuesta rapida