Re: [Ovillo] Imagenes de fondo en esquinas

2007-06-13 Por tema Julia Martínez 
Muchas gracias Maikel y gLoRiA !
Las dos respuestas funcionan.

Un saludo.


Julia



El día 12/06/07, Maikel Gonzalez [EMAIL PROTECTED]
escribió:

 En luagr de margin-top en dvpage usar padding-top en dvMarcoRght
 body{
 margin: 0px;
 padding: 0px
}

#dvMarcoRght{
 width: 100%;
 background:url(img/esq_dcha.gif) right top no-repeat;
 padding-top:40px;
}

#dvMarcoLft{
  width: 100%;

  background:url(img/esq_izda.gif) left top no-repeat;
}

#dvpage{
 width: 700px;
 margin: 0px auto 0px; /* poner margin: 0px auto 0px  para que ie =
 ff*/
 padding-top: 25px;
 background-color:#99 ;

}


 Saludos Maikel


___
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] Imagenes de fondo en esquinas

2007-06-12 Por tema Julia M Ingelmo 
Buenas a todos,

estoy intentando hacer una página (width 100%), donde las esquina superior 
derecha y la izquierda
tengan imágenes de adorno, por ejemplo unas florecillas o lo que sea.
Sólo las esquinas, cada esquina una imagen distinta.
La zona de contenidos tiene una anchura concreta, por ejemplo 700px.

El problema está en que si pongo un margin-top a la capa de contenidos, me baja 
la posición de estas esquinas.

Ejemplo: www.omdi.es/pruebas/prueba_esquinas.html
Es decir, en explorer lo veo bien (o por lo menos como quiero que salga), pero 
en firefox no.

El código css que he puesto:

body{ 
margin: 0px;
padding: 0px
   }
 
   #dvMarcoRght{
width: 100%; 
background:url(img/esq_dcha.gif) right top no-repeat
   } 
 
   #dvMarcoLft{ 
 width: 100%; 
 background:url(img/esq_izda.gif) left top no-repeat;
   }
 
   #dvpage{
width: 700px;
margin: 25px auto 0px; /* Si pongo margin: 0px auto 0px  entonces ya 
coincide que ie = ff */
background-color:#99 
   }


HTML

body
div id=dvMarcoLft
div id=dvMarcoRght
div id=dvPage
pTexto/p
/div
/div
/div

/body

A ver si a algún alma caritativa le ha pasado, me explica por qué pasa y si me 
puede ayudar.
Muchas gracias por adelantado.

Julia




___
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] Imagenes de fondo en esquinas

2007-06-12 Por tema Julia Martínez 
 Buenas a todos,

antes de nada, perdón si este mensaje llega dos veces, porque creo que hay
un cierto retardo en los mensajes que intento enviar.

Estoy intentando hacer una página (width 100%), donde las esquina superior
derecha y la izquierda
tengan imágenes de adorno, por ejemplo unas florecillas o lo que sea.
Sólo las esquinas, cada esquina una imagen distinta.
La zona de contenidos tiene una anchura concreta, por ejemplo 700px.

El problema está en que si pongo un margin-top a la capa de contenidos, me
baja la posición de estas esquinas.

Ejemplo: www.omdi.es/pruebas/prueba_esquinas.html
Es decir, en explorer lo veo bien (o por lo menos como quiero que salga),
pero en firefox no.

El código css que he puesto:

body{
margin: 0px;
padding: 0px
   }

   #dvMarcoRght{
width: 100%;
background:url(img/esq_dcha.gif) right top no-repeat
   }

   #dvMarcoLft{
 width: 100%;
 background:url(img/esq_izda.gif) left top no-repeat;
   }

   #dvpage{
width: 700px;
margin: 25px auto 0px; /* Si pongo margin: 0px auto 0px  entonces ya
coincide que ie = ff */
background-color:#99
   }


HTML

body
div id=dvMarcoLft
div id=dvMarcoRght
div id=dvPage
pTexto/p
/div
/div
/div

/body

A ver si a algún alma caritativa le ha pasado, me explica por qué pasa y si
me puede ayudar.
Muchas gracias por adelantado.

Julia
___
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] Imagenes de fondo en esquinas

2007-06-12 Por tema Maikel Gonzalez 
En luagr de margin-top en dvpage usar padding-top en dvMarcoRght
body{
margin: 0px;
padding: 0px
   }

   #dvMarcoRght{
width: 100%;
background:url(img/esq_dcha.gif) right top no-repeat;
padding-top:40px;
   }

   #dvMarcoLft{
 width: 100%;

 background:url(img/esq_izda.gif) left top no-repeat;
   }

   #dvpage{
width: 700px;
margin: 0px auto 0px; /* poner margin: 0px auto 0px  para que ie = ff*/
padding-top: 25px;
background-color:#99 ;

   }


Saludos Maikel
- Original Message - 
From: Julia Martínez [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Tuesday, June 12, 2007 4:28 PM
Subject: [Ovillo] Imagenes de fondo en esquinas


Buenas a todos,

antes de nada, perdón si este mensaje llega dos veces, porque creo que hay
un cierto retardo en los mensajes que intento enviar.

Estoy intentando hacer una página (width 100%), donde las esquina superior
derecha y la izquierda
tengan imágenes de adorno, por ejemplo unas florecillas o lo que sea.
Sólo las esquinas, cada esquina una imagen distinta.
La zona de contenidos tiene una anchura concreta, por ejemplo 700px.

El problema está en que si pongo un margin-top a la capa de contenidos, me
baja la posición de estas esquinas.

Ejemplo: www.omdi.es/pruebas/prueba_esquinas.html
Es decir, en explorer lo veo bien (o por lo menos como quiero que salga),
pero en firefox no.

El código css que he puesto:

body{
margin: 0px;
padding: 0px
   }

   #dvMarcoRght{
width: 100%;
background:url(img/esq_dcha.gif) right top no-repeat
   }

   #dvMarcoLft{
 width: 100%;
 background:url(img/esq_izda.gif) left top no-repeat;
   }

   #dvpage{
width: 700px;
margin: 25px auto 0px; /* Si pongo margin: 0px auto 0px  entonces ya
coincide que ie = ff */
background-color:#99
   }


HTML

body
div id=dvMarcoLft
div id=dvMarcoRght
div id=dvPage
pTexto/p
/div
/div
/div

/body

A ver si a algún alma caritativa le ha pasado, me explica por qué pasa y si
me puede ayudar.
Muchas gracias por adelantado.

Julia
___
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

__ Información de NOD32, revisión 1882 (20061124) __

Este mensaje ha sido analizado con  NOD32 antivirus system
http://www.nod32.com


___
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] Imagenes de fondo en esquinas

2007-06-12 Por tema gLoRiA 


Para mantener la posición de estas capas, puedes ponerles un float:left;


   #dvMarcoRght{ width: 100%; float:left; background:url(img/esq_dcha.gif) 
right top no-repeat  }

   #dvMarcoLft{ width: 100%;float:left; background:url(img/esq_izda.gif) 
left top no-repeat;  }


Saludos!

- Original Message - 
From: Julia Martínez [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Tuesday, June 12, 2007 10:28 PM
Subject: [Ovillo] Imagenes de fondo en esquinas


Buenas a todos,

antes de nada, perdón si este mensaje llega dos veces, porque creo que hay
un cierto retardo en los mensajes que intento enviar.

Estoy intentando hacer una página (width 100%), donde las esquina superior
derecha y la izquierda
tengan imágenes de adorno, por ejemplo unas florecillas o lo que sea.
Sólo las esquinas, cada esquina una imagen distinta.
La zona de contenidos tiene una anchura concreta, por ejemplo 700px.

El problema está en que si pongo un margin-top a la capa de contenidos, me
baja la posición de estas esquinas.

Ejemplo: www.omdi.es/pruebas/prueba_esquinas.html
Es decir, en explorer lo veo bien (o por lo menos como quiero que salga),
pero en firefox no.

El código css que he puesto:

body{
margin: 0px;
padding: 0px
   }

   #dvMarcoRght{
width: 100%;
background:url(img/esq_dcha.gif) right top no-repeat
   }

   #dvMarcoLft{
 width: 100%;
 background:url(img/esq_izda.gif) left top no-repeat;
   }

   #dvpage{
width: 700px;
margin: 25px auto 0px; /* Si pongo margin: 0px auto 0px  entonces ya
coincide que ie = ff */
background-color:#99
   }


HTML

body
div id=dvMarcoLft
div id=dvMarcoRght
div id=dvPage
pTexto/p
/div
/div
/div

/body

A ver si a algún alma caritativa le ha pasado, me explica por qué pasa y si
me puede ayudar.
Muchas gracias por adelantado.

Julia
___
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