Re: [Ovillo] Problema en Firefox con repetición back ground-image 1 pixel
A mi me pasó algo parecido y lo solucioné con un float:left.
Lo que no sé decirte es el porqué de ese comportamiento en FF
.base_commerce_middle{
float:left;
width:800px;
height:auto;
text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0;
}
Un saludo!
Carlos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rafa Artacho
Enviado el: miércoles, 07 de noviembre de 2007 16:34
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Problema en Firefox con repetición background-image 1 pixel
Buenas tardes:
Tengo un problema al emplear una imagen de fondo que deseo que se repita a lo
largo de todo el contenido de un div. La imagen mide width:800px y height:1px.
En IE 7 e IE6 funciona, pero en Firefox no me muesta ni una sola línea.
A continuación refiero el div en cuestión y las clases CSS empleadas:
div class=base_commerce_middle
div class=box_container
div class=box_1
div class=box1_headingQuieacute;nes Somos/div
div class=box1_body
div class=box1_content
a href=xxx.com/a es la primera empresa
dedicada.
p
Todas las madres conocemos los problemas a los que
nos enfrentamos cuando dejamos a nuestros hijos en las guarderiacute;as.
/p
En la mayoriacute;a de las guarderiacute;as, los
pedagogos han optado por poner los nombres de los nintilde;os.
/p
p
Cansados de ver a padres y pedagogos desesperados
sin saber queacute; hacer .
/p
p
Es así como nace a href=xxx.com/a.
/p
/div
/div
/div
div class=box_2
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
div class=espvert_1/div
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
/div
/div
/div
CSS:
.base_commerce_middle{
width:800px;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y nada
tampoco*/ text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0; } .box_container{ float:left; } .box_1{ float:left;
width:440px; padding:5px 40px; text-align:justify; } .box1_heading{
background-color:#C6C8CA; padding-left:5px; color:#FF; font-weight:bold; }
.box1_body{ padding-top:5px; border:1px solid #D1D3D4; } .box1_content{
padding:5px 10px; line-height:19px; } .box_2{ float:left; width:120px;
padding:45px 20px; } .espvert_1{ margin-top:30px; }
¿Alguna idea?, gracias
Rafa Artacho
___
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
En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos
de Carácter Personal, le informamos que los datos de carácter personal
utilizados para la presente comunicación proceden de un fichero de datos de
carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado
ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión
(control, mantenimiento y archivo de la documentación) de la relación que
mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos
datos, por consiguiente, han sido incorporados o serán incorporados en dicho
fichero para los usos y finalidades indicadas, pudiendo ser objeto de
comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya
identidad podrá consultar en el aviso legal de la página web corporativa
www.aguirrenewman.es, cuando sea necesario y/o pertinente para el cumplimiento
de las finalidades señaladas.
Si Ud. no consintiese la utilización del correo electrónico para enviarle
comunicaciones electrónicas, la comunicación de sus datos de contacto al resto
de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su consentimiento al
tratamiento de sus datos, podrá hacerlo mediante un correo electrónico dirigido
a [EMAIL PROTECTED] Asimismo, si Ud. desea ejercitar sus derechos de acceso,
rectificación, cancelación y oposición podrá hacerlo dirigiéndose por escrito
al Departamento de Asesoría Jurídica de Aguirre Newman, S.A., calle General
Lacy número 23, C.P. 28045 Madrid, remitiendo, junto con la solicitud, una
fotocopia de un documento oficial de identificación (DNI, Pasaporte,
[Ovillo] Problema en Firefox con repetición back ground-image 1 pixel
Buenas tardes:
Tengo un problema al emplear una imagen de fondo que deseo que se repita a
lo largo de todo el contenido de un div. La imagen mide width:800px y
height:1px.
En IE 7 e IE6 funciona, pero en Firefox no me muesta ni una sola línea.
A continuación refiero el div en cuestión y las clases CSS empleadas:
div class=base_commerce_middle
div class=box_container
div class=box_1
div class=box1_headingQuieacute;nes Somos/div
div class=box1_body
div class=box1_content
a href=xxx.com/a es la primera empresa
dedicada.
p
Todas las madres conocemos los problemas a los
que nos enfrentamos cuando dejamos a nuestros hijos en las
guarderiacute;as.
/p
En la mayoriacute;a de las guarderiacute;as,
los pedagogos han optado por poner los nombres de los nintilde;os.
/p
p
Cansados de ver a padres y pedagogos
desesperados sin saber queacute; hacer .
/p
p
Es así como nace a href=xxx.com/a.
/p
/div
/div
/div
div class=box_2
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
div class=espvert_1/div
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
/div
/div
/div
CSS:
.base_commerce_middle{
width:800px;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y
nada tampoco*/
text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0;
}
.box_container{
float:left;
}
.box_1{
float:left;
width:440px;
padding:5px 40px;
text-align:justify;
}
.box1_heading{
background-color:#C6C8CA;
padding-left:5px;
color:#FF;
font-weight:bold;
}
.box1_body{
padding-top:5px;
border:1px solid #D1D3D4;
}
.box1_content{
padding:5px 10px;
line-height:19px;
}
.box_2{
float:left;
width:120px;
padding:45px 20px;
}
.espvert_1{
margin-top:30px;
}
¿Alguna idea?, gracias
Rafa Artacho
___
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
Re: [Ovillo] Problema en Firefox con repetición back ground-image 1 pixel
Añade
div style=clear:both;/div
antes del cierre del DIV base_commerce_middle
y el height: auto te sobra
Carlos Acero Sánchez escribió:
A mi me pasó algo parecido y lo solucioné con un float:left.
Lo que no sé decirte es el porqué de ese comportamiento en FF
.base_commerce_middle{
float:left;
width:800px;
height:auto;
text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0;
}
Un saludo!
Carlos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rafa Artacho
Enviado el: miércoles, 07 de noviembre de 2007 16:34
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Problema en Firefox con repetición background-image 1 pixel
Buenas tardes:
Tengo un problema al emplear una imagen de fondo que deseo que se repita a lo
largo de todo el contenido de un div. La imagen mide width:800px y height:1px.
En IE 7 e IE6 funciona, pero en Firefox no me muesta ni una sola línea.
A continuación refiero el div en cuestión y las clases CSS empleadas:
div class=base_commerce_middle
div class=box_container
div class=box_1
div class=box1_headingQuieacute;nes Somos/div
div class=box1_body
div class=box1_content
a href=xxx.com/a es la primera empresa
dedicada.
p
Todas las madres conocemos los problemas a los
que nos enfrentamos cuando dejamos a nuestros hijos en las guarderiacute;as.
/p
En la mayoriacute;a de las guarderiacute;as,
los pedagogos han optado por poner los nombres de los nintilde;os.
/p
p
Cansados de ver a padres y pedagogos desesperados
sin saber queacute; hacer .
/p
p
Es así como nace a href=xxx.com/a.
/p
/div
/div
/div
div class=box_2
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
div class=espvert_1/div
img src=images/ines.jpg width=100 height=129
style=border:2px solid #D1D3D4;
/div
/div
/div
CSS:
.base_commerce_middle{
width:800px;
height:auto; /*He probado con height:1px; que es lo que mide la imagen y nada
tampoco*/ text-align:left;
background: url('images/base_shop_middle.gif') repeat-y;
background-position:50% 0; } .box_container{ float:left; } .box_1{
float:left; width:440px; padding:5px 40px; text-align:justify; }
.box1_heading{ background-color:#C6C8CA; padding-left:5px; color:#FF;
font-weight:bold; } .box1_body{ padding-top:5px; border:1px solid #D1D3D4; }
.box1_content{ padding:5px 10px; line-height:19px; } .box_2{ float:left;
width:120px; padding:45px 20px; } .espvert_1{ margin-top:30px; }
¿Alguna idea?, gracias
Rafa Artacho
___
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
En cumplimiento de la Ley 15/1999, de 13 de diciembre, de Protección de Datos
de Carácter Personal, le informamos que los datos de carácter personal
utilizados para la presente comunicación proceden de un fichero de datos de
carácter personal titularidad de Aguirre Newman, S.A., debidamente notificado
ante la Agencia Española de Protección de Datos, cuya finalidad es la gestión
(control, mantenimiento y archivo de la documentación) de la relación que
mantiene con el GRUPO AGUIRRE NEWMAN y la comunicación con terceros. Dichos
datos, por consiguiente, han sido incorporados o serán incorporados en dicho
fichero para los usos y finalidades indicadas, pudiendo ser objeto de
comunicación a las Compañías que integran el GRUPO AGUIRRE NEWMAN, cuya
identidad podrá consultar en el aviso legal de la página web corporativa
www.aguirrenewman.es, cuando sea necesario y/o pertinente para el
cumplimiento de las finalidades señaladas.
Si Ud. no consintiese la utilización del correo electrónico para enviarle
comunicaciones electrónicas, la comunicación de sus datos de contacto al
resto de empresas del GRUPO AGUIRRE NEWMAN o deseara revocar su
consentimiento al tratamiento de sus datos, podrá hacerlo mediante un correo
electrónico dirigido a [EMAIL PROTECTED] Asimismo, si Ud. desea ejercitar sus
derechos de acceso, rectificación, cancelación y oposición podrá hacerlo
