Re: [Ovillo] Problema con listados en ie6
Hola de nuevo a todos!
En respuesta a José D y Ulises. Cuando me puse a maquetar la web sabia
que tendría que "adaptar" el código para apañarlo y que funcione en
explorers antiguos... es algo que supongo que la mayoría se lo toma
como un gafe del oficio. Ie6 tiene todavia una cuota de mercado
bastante importante por lo que vale la pena solucionar este
problemilla. ie5 no es importantisimo pero supongo que solucionando lo
de los botones (que no creo que se tenga que aplicar 2 soluciones
independientes) la web se vería mas o menos bien. (sin contar los png,
el centrado y demas detalles que fallan).
A Jose Luis G Decirte que lo que comentas ya lo he probado... pasteo
del primer mail ///He probado de solucionarlo con overflow: hidden en
el div#menu que corrige el hecho de que el div aumente el tamaño por
el desbordamiento de la lista que uso, pero no muestra los gif de
los botones de los links.Tambien he probado de poner los elementos de
la lista inline y diversas combinaciones (soy bastante novato todavía
:\ ) pero no consigo que funcione.///
El link de la web lo subí en el 2º mensaje a petición de patricio.
Aqui un nuevo link http://www.proyeko.com/jim/ (funciona el index y
"los inicios") Aislé el código que os mando para facilitar un poco la
cosa... el resto de la web funciona ok a simple vista... seguro que
hay fallos y chapuzillas pero me da codigo valido.
Mi intuición (por decirlo de una manera ya que no puedo respaldar mi
opinion con teoria que no se) me dice que la solución es poner un
codigo valido para ie que haga que la lista se muestre inline y no
desborde el tamaño asignado para el div#menu.
Muchas gracias a todos y feliz año nuevo!!
El día 29 de diciembre de 2009 10:04, Josÿe9 Luis Garcÿeda
Lÿf3pez escribió:
> te faltaría poner los li en los estilos. de todas formas para estos casos es
> mejor colgarlo en algún sitio para verlo.
>
> a vote pronto, prueba a meter en el ul#buttons un overflow:hidden, esto
> evitará que te desplace cosas, pero te cortará las opciones que no quepan y
> te tocará ir ajustando; pero como te digo, es mejor ver todo en cojunto para
> poder darte una respuesta satisfactoria.
>
> Un saludo
>
>
> www.musaconfusa.com
>
> Últimas Fotos
> http://www.flickr.com/photos/89204...@n00/show/
>
> Mis viajes
> http://picasaweb.google.es/jlgarcialopez84
>
>
>
>
>
> De: Patricio Leyton
> Para: "Ovillo, la lista de CSS en castellano"
> Enviado: lun,28 diciembre, 2009 19:59
> Asunto: Re: [Ovillo] Problema con listados en ie6
>
> enviame el link de tu url
>
> El 28 de diciembre de 2009 13:28, Xavi Hernández Oromí
> escribió:
>
>> Hola!
>> Estoy terminando mi web y a la hora de testearla en versiones de IE
>> (en concreto la 5 y la 6) veo que el div que contiene la lista de
>> links que uso para el menu se expande para dar cabida a los y
>> mueve el resto de elementos hacia abajo.
>>
>> He aislado el html de mi problema aqui:
>>
>>
>>
>>
>>
>>
>> portada
>> > class="active">inicios
>> experiencia
>> modernidad
>> esencia
>> contacto
>>
>>
>>
>>
>>
>>
>>
>>
>> Y aqui el css (uso dreamweaver para editarlo)
>>
>>
>>
>> * {
>> margin: 0;
>> padding: 0;
>> }
>>
>> body {
>> padding: 0;
>> margin-right: auto;
>> margin-left: auto;
>> background-attachment: scroll;
>> background-color: #fff;
>> background-image: url(../img/bg.jpg);
>> background-repeat: no-repeat;
>> background-position: center top;
>> font-family: "Times New Roman", Times, serif;
>> font-size: 14px;
>> font-style: normal;
>> font-weight: normal;
>> font-variant: normal;
>> color: #FF;
>> letter-spacing: 0.1em;
>> }
>>
>> }
>> #mainbox {
>> width: 965px;
>> margin-right: auto;
>> margin-left: auto;
>> overflow: visible;
>> position: relative;
>> top: 0px;
>> z-index: 5;
>> }
>> #menu {
>> width: 900px;
>> margin-right: auto;
>> margin-left: auto;
>> z-index: 12;
>> position: relative;
>> overflow: visible;
>> height: 40px;
>> }
>> ul#buttons {
>> width: 900px;
>> height: 40px;
>> list-style-type: none;
>> margin: 0;
>> padding: 0;
>> position: r
Re: [Ovillo] Problema con listados en ie6
http://www.proyeko.com/wombat/jhim/index.html
El día 28 de diciembre de 2009 19:59, Patricio Leyton
escribió:
> enviame el link de tu url
>
> El 28 de diciembre de 2009 13:28, Xavi Hernández Oromí
> escribió:
>
>> Hola!
>> Estoy terminando mi web y a la hora de testearla en versiones de IE
>> (en concreto la 5 y la 6) veo que el div que contiene la lista de
>> links que uso para el menu se expande para dar cabida a los y
>> mueve el resto de elementos hacia abajo.
>>
>> He aislado el html de mi problema aqui:
>>
>>
>>
>>
>>
>>
>> portada
>> > class="active">inicios
>> experiencia
>> modernidad
>> esencia
>> contacto
>>
>>
>>
>>
>>
>>
>>
>>
>> Y aqui el css (uso dreamweaver para editarlo)
>>
>>
>>
>> * {
>> margin: 0;
>> padding: 0;
>> }
>>
>> body {
>> padding: 0;
>> margin-right: auto;
>> margin-left: auto;
>> background-attachment: scroll;
>> background-color: #fff;
>> background-image: url(../img/bg.jpg);
>> background-repeat: no-repeat;
>> background-position: center top;
>> font-family: "Times New Roman", Times, serif;
>> font-size: 14px;
>> font-style: normal;
>> font-weight: normal;
>> font-variant: normal;
>> color: #FF;
>> letter-spacing: 0.1em;
>> }
>>
>> }
>> #mainbox {
>> width: 965px;
>> margin-right: auto;
>> margin-left: auto;
>> overflow: visible;
>> position: relative;
>> top: 0px;
>> z-index: 5;
>> }
>> #menu {
>> width: 900px;
>> margin-right: auto;
>> margin-left: auto;
>> z-index: 12;
>> position: relative;
>> overflow: visible;
>> height: 40px;
>> }
>> ul#buttons {
>> width: 900px;
>> height: 40px;
>> list-style-type: none;
>> margin: 0;
>> padding: 0;
>> position: relative;
>> display: inline;
>> }
>> span {
>> display: none;
>> }
>>
>> He probado de solucionarlo con overflow: hidden en el div#menu que
>> corrige el hecho de que el div aumente el tamaño por el desbordamiento
>> de la lista que uso, pero no muestra los gif de los botones de
>> los links.
>>
>> Tambien he probado de poner los elementos de la lista inline y
>> diversas combinaciones (soy bastante novato todavía :\ ) pero no
>> consigo que funcione.
>>
>> Agradecería mucho si alguien me indicara que estoy haciendo mal o que
>> puedo hacer para que funcione correctamente en ie5 & ie6 (en los demas
>> navegadores funciona ok).
>>
>> Muchas Gracias!
>> ___
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
>
> --
> Patricio Leyton Ulloa
> Desarrollador Web
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Problema con listados en ie6
Hola!
Estoy terminando mi web y a la hora de testearla en versiones de IE
(en concreto la 5 y la 6) veo que el div que contiene la lista de
links que uso para el menu se expande para dar cabida a los y
mueve el resto de elementos hacia abajo.
He aislado el html de mi problema aqui:
portada
inicios
experiencia
modernidad
esencia
contacto
Y aqui el css (uso dreamweaver para editarlo)
* {
margin: 0;
padding: 0;
}
body {
padding: 0;
margin-right: auto;
margin-left: auto;
background-attachment: scroll;
background-color: #fff;
background-image: url(../img/bg.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #FF;
letter-spacing: 0.1em;
}
}
#mainbox {
width: 965px;
margin-right: auto;
margin-left: auto;
overflow: visible;
position: relative;
top: 0px;
z-index: 5;
}
#menu {
width: 900px;
margin-right: auto;
margin-left: auto;
z-index: 12;
position: relative;
overflow: visible;
height: 40px;
}
ul#buttons {
width: 900px;
height: 40px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
display: inline;
}
span {
display: none;
}
He probado de solucionarlo con overflow: hidden en el div#menu que
corrige el hecho de que el div aumente el tamaño por el desbordamiento
de la lista que uso, pero no muestra los gif de los botones de
los links.
Tambien he probado de poner los elementos de la lista inline y
diversas combinaciones (soy bastante novato todavía :\ ) pero no
consigo que funcione.
Agradecería mucho si alguien me indicara que estoy haciendo mal o que
puedo hacer para que funcione correctamente en ie5 & ie6 (en los demas
navegadores funciona ok).
Muchas Gracias!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
