[Ovillo] M á rgenes divs y uls
Hola lista,
Tengo un problema con los márgenes (creo) y todos los navegadores que no son
ie6 win; pasa lo siguiente, tengo un div con fondo blanco en el que tengo
que poner unas imágenes con su pie, y lo he hecho con ul de tal forma que
hay 7 ul distintos cada uno con su margen respecto al div, y en ie 6 consigo
lo que quería, pero en el resto de los navegadores no. Por algún motivo que
no conozco, todas las ul se mueven unos 20 o 30 px hacia la dcha de forma
que la ultima se sale del recuadro blanco del div.
Lo podéis ver en
http://www.biosfera4.com/eurocubiertas/aire/airecober2vegaline.htm y veréis
lo que digo.
Que he hecho mal?
Alguien sabe por que pasa esto?
Muchas gracias
El código CSS que afecta a esta parte es este:
#fondominiaturas {
margin-left: 213px;
top: 274px;
position: absolute;
background-color: #FF;
padding-top: 3px;
padding-left: 4px;
width: 679px;
height: 103px;
}
#fondominiaturas ul#mini1 {
margin-left: 11px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini2 {
margin-left: 106px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini3 {
margin-left: 205px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini4 {
margin-left: 299px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini5 {
margin-left: 394px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini6 {
margin-left: 492px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
#fondominiaturas ul#mini7 {
margin-left: 585px;
margin-top: 12px;
position: absolute;
visibility: visible;
height: 102px;
width: 102px;
list-style-type: none;
}
Saludos
Rafa
biosfera 4
desarrollo web | asesoramiento musical | open source
c/ Real 36 1ºA
28230 Las Rozas de Madrid
tel. 916377043
fax. 916375147
http://www.biosfera4.com
[EMAIL PROTECTED]
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] M á rgenes divs y uls
Hola Rafael,
te olvidas de contrarrestar los padding en los ul;)
Lo que no entiendo es el marcado por que ul li li, si son todos de
la misma lista, tal vez una lista ordenada te sobra ¿no?
Un saludo
Thursday, May 19, 2005, 10:44:56 AM, you wrote:
RGL Hola lista,
RGL Tengo un problema con los márgenes (creo) y todos los navegadores que no
son
RGL ie6 win; pasa lo siguiente, tengo un div con fondo blanco en el que tengo
RGL que poner unas imágenes con su pie, y lo he hecho con ul de tal forma que
RGL hay 7 ul distintos cada uno con su margen respecto al div, y en ie 6
consigo
RGL lo que quería, pero en el resto de los navegadores no. Por algún motivo que
RGL no conozco, todas las ul se mueven unos 20 o 30 px hacia la dcha de forma
RGL que la ultima se sale del recuadro blanco del div.
RGL Lo podéis ver en
RGL http://www.biosfera4.com/eurocubiertas/aire/airecober2vegaline.htm y veréis
RGL lo que digo.
RGL Que he hecho mal?
RGL Alguien sabe por que pasa esto?
RGL Muchas gracias
RGL El código CSS que afecta a esta parte es este:
RGL #fondominiaturas {
RGL margin-left: 213px;
RGL top: 274px;
RGL position: absolute;
RGL background-color: #FF;
RGL padding-top: 3px;
RGL padding-left: 4px;
RGL width: 679px;
RGL height: 103px;
RGL }
RGL #fondominiaturas ul#mini1 {
RGL margin-left: 11px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini2 {
RGL margin-left: 106px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini3 {
RGL margin-left: 205px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini4 {
RGL margin-left: 299px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini5 {
RGL margin-left: 394px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini6 {
RGL margin-left: 492px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini7 {
RGL margin-left: 585px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL Saludos
RGL Rafa
RGL biosfera 4
RGL desarrollo web | asesoramiento musical | open source
RGL c/ Real 36 1ºA
RGL 28230 Las Rozas de Madrid
RGL tel. 916377043
RGL fax. 916375147
RGL http://www.biosfera4.com
RGL [EMAIL PROTECTED]
RGL ___
RGL Lista de distribución Ovillo
RGL Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
RGL Puedes modificar tus datos o desuscribirte en la siguiente
RGL dirección: http://ovillo.org/mailman/listinfo/ovillo
Saludos.
_
Todo lo que no aprendí,
no se me ha olvidado.
_
___
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://ovillo.org/mailman/listinfo/ovillo
Re[2]: [Ovillo] M á rgenes divs y uls
Hola Rafael,
las listas tienen varias peculiaridades, tienen un elemento que las
contiene (el ul) y tienen varios elementos separados del margen
derecho y con un punto delante (los li)
Esta explicación debe ser la que les pasaron a los que se
trabajaron el renderizado en los navegadores y cada navegador lo
hace de una manera, unos definiendo esa separación con un
padding-left y otros con un margin left.
lo normal cuando hacemos un menú utilizando una lista, por poner un
ejemplo, es:
ul#menu{
margin:0;
padding:0;}
tú al poner el margin-left:147px estabas cambiando el margin que el
navegador pone por defecto (lo que yo llame contrarrestar) pero no
modificaste el padding. Ie no tenía ese padding y por eso se nota
esa diferencia.
A lo de la lista:
Yo pondría una lista ordenada para los enlaces, pues parece que les
das algún orden con esos números que tienen debajo, si los números
no son relevantes, tal vez no deberían aparecer en el html, tal vez
añadirlos en los estilos de alguna manera.
Y como la opción counter no funciona bien de momento, que tal
ponerlos como imagen de fondo en el a? (enlace) que a mi juicio deberia
contener la imagen
Otra visión es la de lista de definición... No lo se.
Es solo una opinión.
Thursday, May 19, 2005, 5:52:51 PM, you wrote:
RGL Hola,
RGL No son todos de la misma lista, son 7 listas de 2, lo mas probable es que
RGL este equivocado, pero pensé que es la mejor manera de poner siete imágenes
RGL una a continuación de la otra, cada una con su pie, dentro de una tira
RGL blanca, es verdad que tal vez una lista ordenada me sirva? Creí haber
RGL entendido que el orden o el desorden de una lista se refería a que
RGL estuvieran o no numerados los elementos.
RGL Como es eso de contrarrestar los padding?
RGL Si hago eso, se seguirá viendo bien en ie? Porque ahora se ve como yo
RGL quiero, y aunque no me guste ie6 es el importante.
RGL He probado también a quitar los padding totalmente, y se mueven todas las
RGL imágenes 3px hacia arriba y 4px hacia la izda, pero continúan teniendo un
RGL margin 20 o 30 px superior a lo que les correspondería, por eso pensé que
no
RGL tenía nada que ver con los padding.
RGL No se, ando un poco despistado, si se os ocurre algo, será muy bienvenido.
RGL Saludos
RGL Rafa
RGL biosfera 4
RGL desarrollo web | asesoramiento musical | open source
RGL c/ Real 36 1ºA
RGL 28230 Las Rozas de Madrid
RGL tel. 916377043
RGL fax. 916375147
RGL http://www.biosfera4.com
RGL [EMAIL PROTECTED]
Hola Rafael,
te olvidas de contrarrestar los padding en los ul;)
Lo que no entiendo es el marcado por que ul li li, si son todos de
la misma lista, tal vez una lista ordenada te sobra ¿no?
Un saludo
Thursday, May 19, 2005, 10:44:56 AM, you wrote:
RGL Hola lista,
RGL Tengo un problema con los márgenes (creo) y todos los navegadores que no
son
RGL ie6 win; pasa lo siguiente, tengo un div con fondo blanco en el que
tengo
RGL que poner unas imágenes con su pie, y lo he hecho con ul de tal forma
que
RGL hay 7 ul distintos cada uno con su margen respecto al div, y en ie 6
consigo
RGL lo que quería, pero en el resto de los navegadores no. Por algún motivo
que
RGL no conozco, todas las ul se mueven unos 20 o 30 px hacia la dcha de
forma
RGL que la ultima se sale del recuadro blanco del div.
RGL Lo podéis ver en
RGL
http://www.biosfera4.com/eurocubiertas/aire/airecober2vegaline.htm y
veréis
RGL lo que digo.
RGL Que he hecho mal?
RGL Alguien sabe por que pasa esto?
RGL Muchas gracias
RGL El código CSS que afecta a esta parte es este:
RGL #fondominiaturas {
RGL margin-left: 213px;
RGL top: 274px;
RGL position: absolute;
RGL background-color: #FF;
RGL padding-top: 3px;
RGL padding-left: 4px;
RGL width: 679px;
RGL height: 103px;
RGL }
RGL #fondominiaturas ul#mini1 {
RGL margin-left: 11px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini2 {
RGL margin-left: 106px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini3 {
RGL margin-left: 205px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini4 {
RGL margin-left: 299px;
RGL margin-top: 12px;
RGL position: absolute;
RGL visibility: visible;
RGL height: 102px;
RGL width: 102px;
RGL list-style-type: none;
RGL }
RGL #fondominiaturas ul#mini5 {
RGL margin-left: 394px;
RGL margin-top: 12px;
RGL
