[Ovillo] Problema con Mozilla
Hola a todos, tengo el siguiente problema si copiais y pegais en un doc el
code vereis que en IE se ve perfectamente pero en Mozilla el margen blanco
lo hace mal, alguie sabria decirme el por qué?
Gracias por adelantado.
David
div id=blockNC
ul
liCOMERCIO 1br/
Actividad:dsaklntilde;dkbr/
Zona: /li
li COMERCIO 2br/
Actividad:dlsntilde;aldbr/
Zona: /li
li COMERCIO 3br/
Actividad:dksladbr/
Zona: /li
/ul
/div
/***/
#blockNC{
background-color: #D3D3D3;
color: #A9A9A9;
width:670px;
padding: 0px;
margin:20px;
clear:both;
}
#blockNC ul{
background-color: #D3D3D3;
border: 2px solid white;
padding:15px;
margin:5px;
}
#blockNC li{
width:200px;
display:inline;
list-style-type: none;
}
___
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] Problema con Mozilla
Fale eso mas o menos ya lo tengo solucionado pero y el que Mozilla no haga en Inline del display? Gacias de nuevo David - Original Message - From: Ramon Pravia [EMAIL PROTECTED] To: ovillo@ovillo.org Sent: Friday, April 01, 2005 12:22 PM Subject: Re: [Ovillo] Problema con Mozilla David de la Puente escribió (Fri, 1 Apr 2005 12:06:13 +0200): Hola a todos, tengo el siguiente problema si copiais y pegais en un doc el code vereis que en IE se ve perfectamente pero en Mozilla el margen blanco lo hace mal, alguie sabria decirme el por qué? Hola. Para entender mejor el problema que estás teniendo, échale un ojo al artículo de Meyer Uncollapsing Margins [1] Básicamente, para resumir la solución, puedes optar por darle un borde al elemento contenedor (blockNC), que supongo que no te valdrá, o (mejor en este caso), en lugar de darle margin a la ul, darle el mismo valor, pero de padding, al contenedor, eliminando el margin de la ul. Si haces esto, tendrás que vigilar las dimensiones del contenedor, ya que al añadirle padding, éstas variarán de un navegador a otro por la distinta interpretación del modelo de caja. [1] http://www.complexspiral.com/publications/uncollapsing-margins/ Espero haberte ayudado. Saludos --- Ramón a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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 ___ 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] Problema con Mozilla
David de la Puente escribió: Fale eso mas o menos ya lo tengo solucionado pero y el que Mozilla no haga en Inline del display? Lo hace, no? Al menos en Firefox. -- Ana Belén Ramón ___ 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] Problema con Mozilla
Si pones display:table en el estilo de #blockNC, verás
que funciona.
No sé la razón exacta de este comportamiento, pero mi
intuición me dice que las capas, por defecto, ignoran
el padding y toman una altura igual al necesario para
mostrar su contenido cuando el display: block. Si
cambias el comportamiento a table, entonces obligas al
div a comportarse como una tabla y a respetar margin y
padding.
Fíjate que este comportamiento es igual en Firefox y
en Opera, y es distinto en IE. ¿Quién tiene razón? ;)
Saludos.
- Alex -
--- David de la Puente [EMAIL PROTECTED] wrote:
Hola a todos, tengo el siguiente problema si copiais
y pegais en un doc el
code vereis que en IE se ve perfectamente pero en
Mozilla el margen blanco
lo hace mal, alguie sabria decirme el por qué?
Gracias por adelantado.
David
div id=blockNC
ul
liCOMERCIO 1br/
Actividad:dsaklntilde;dkbr/
Zona: /li
li COMERCIO 2br/
Actividad:dlsntilde;aldbr/
Zona: /li
li COMERCIO 3br/
Actividad:dksladbr/
Zona: /li
/ul
/div
/***/
#blockNC{
background-color: #D3D3D3;
color: #A9A9A9;
width:670px;
padding: 0px;
margin:20px;
clear:both;
}
#blockNC ul{
background-color: #D3D3D3;
border: 2px solid white;
padding:15px;
margin:5px;
}
#blockNC li{
width:200px;
display:inline;
list-style-type: none;
}
___
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
__
Renovamos el Correo Yahoo!: ¡250 MB GRATIS!
Nuevos servicios, más seguridad
http://correo.yahoo.es
___
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] Problema con Mozilla
David de la Puente escribió (Fri, 1 Apr 2005 12:34:02 +0200): Fale eso mas o menos ya lo tengo solucionado pero y el que Mozilla no haga en Inline del display? ein?? bueno, es que no me había fijado mucho en el código, sólo comprobé que se ve exactamente igual en explorer y firefox. Pero ahora que lo miro, realmente no está todo lo bien que debería tu HTML. Si te fijas, el contenido que tienes está pidiendo a gritos una definition list: dl dtCOMERCIO 1/dt ddActividad:dsaklntilde;dk/dd ddZona: /dd dt COMERCIO 2/dt ddActividad:dlsntilde;ald/dd ddZona: /dd dt COMERCIO 3/dt ddActividad:dkslad/dd ddZona: /dd /dl En cualquier caso, échale un ojo al famoso listutorial (http://css.maxdesign.com.au/listutorial/), que supongo que te podrá ayudar. saludos --- Ramón a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Problema con Mozilla
David de la Puente escribió (Fri, 1 Apr 2005 12:50:21 +0200): Pero en Display:Inline es lo que sigue sin hacer mmm... bueno, creo que al final entendí lo que quieres hacer (nadie dijo que fuera listo :-P ) Supongo que quieres que los li salgan uno al lado del otro, no? En ese caso yo te sugeriría, así rápido, lo siguiente: pon los li a display:block y flótalos a la izquierda. Entonces te encontrarás con el problema típico de que el contenedor, al tener todo su contenido flotado, no lo abarca. Pero eso está bastante hablado en esta lista, y por ejemplo podrías utilizar la técnica de clearance. (http://mezzoblue.com/archives/2005/03/03/clearance/) Que se resumiría en que dieras a la ul overflow:hidden; Saludos :-) --- Ramón a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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] Problema con Mozilla
Vale Ramón esa solucion esta bien... pero realmente creo que como bien dices es mejor q sea una lista de definicion es mas correcto, ahora como conseguirias el mismo efecto? es decir que quede como puedes ver en esta imagen: http://www.micomunicacion.com/a.jpg Gracias David - Original Message - From: Ramon Pravia [EMAIL PROTECTED] To: ovillo@ovillo.org Sent: Friday, April 01, 2005 1:02 PM Subject: Re: [Ovillo] Problema con Mozilla David de la Puente escribió (Fri, 1 Apr 2005 12:50:21 +0200): Pero en Display:Inline es lo que sigue sin hacer mmm... bueno, creo que al final entendí lo que quieres hacer (nadie dijo que fuera listo :-P ) Supongo que quieres que los li salgan uno al lado del otro, no? En ese caso yo te sugeriría, así rápido, lo siguiente: pon los li a display:block y flótalos a la izquierda. Entonces te encontrarás con el problema típico de que el contenedor, al tener todo su contenido flotado, no lo abarca. Pero eso está bastante hablado en esta lista, y por ejemplo podrías utilizar la técnica de clearance. (http://mezzoblue.com/archives/2005/03/03/clearance/) Que se resumiría en que dieras a la ul overflow:hidden; Saludos :-) --- Ramón a veces :) a veces :( pero siempre trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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 ___ 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] Problema con Mozilla
David de la Puente escribió: Vale Ramón esa solucion esta bien... pero realmente creo que como bien dices es mejor q sea una lista de definicion es mas correcto, ahora como conseguirias el mismo efecto? es decir que quede como puedes ver en esta imagen: http://www.micomunicacion.com/a.jpg Algo parecido: http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm -- Ana Belén Ramón ___ 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] Problema con Mozilla
Estaba en eso :D
Por ahora he sacado esto pero me falta poner el border izquierdo y
derecho blanco que no se bien como hacerlo.
Os dejo el codigo por aki por si os sirve de ayuda y si sabéis como
solucionar lo del border acepto sugerencias ;)
Gracias!
David
div id=blockNC
dl
dtCOMERCIO 1/dt
ddActividad:dsaklntilde;dk/dd
ddZona: /dd
/dl
dl
dt COMERCIO 2/dt
ddActividad:dlsntilde;ald/dd
ddZona: /dd
/dl
dl
dt COMERCIO 3/dt
ddActividad:dkslad/dd
ddZona: /dd
/dl
/div
/**/
#blockNC{
background-color: #D3D3D3;
color: #A9A9A9;
width:660px;
padding: 5px;
margin:20px;
overflow:auto;
}
#blockNC dl{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
background-color: #D3D3D3;
padding:0px;
margin:0px;
float:left;
width:33%;
}
#blockNC dt{
background-color:#FF;
color:#66;
padding:5px;
margin:5px;
}
#blockNC dd{
margin:5px;
padding:5px;
}
- Original Message -
From: Ana Belén Ramón [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, April 01, 2005 1:21 PM
Subject: Re: [Ovillo] Problema con Mozilla
David de la Puente escribió:
Vale Ramón esa solucion esta bien... pero realmente creo que como bien
dices
es mejor q sea una lista de definicion es mas correcto, ahora como
conseguirias el mismo efecto?
es decir que quede como puedes ver en esta imagen:
http://www.micomunicacion.com/a.jpg
Algo parecido:
http://www.maxdesign.com.au/presentation/definition/dl-image-gallery.htm
--
Ana Belén Ramón
___
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
___
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] Problema con Mozilla
David de la Puente escribió: Por ahora he sacado esto pero me falta poner el border izquierdo y derecho blanco que no se bien como hacerlo. Se me ocurre que podrías simular los bordes con una imágen de fondo del div contenedor que tenga dos lineas verticales blancas. -- Ana Belén Ramón ___ 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
