Re: [Ovillo] Centrar pagina

Wed, 15 Sep 2004 11:04:41 -0700 

Hola a todos!

Antetodo gracias por contestar tan rapido, aunque no he conseguido solucionarlo, ya que el problema lo tengo en la imagen de #fondo no en el body.

Os vuelvo a contar un poco lo que me pasa;
tengo ya, por fin, la página centrada, y lo que no consigo es ver la imagen (fondo.png), la veo por debajo de la cabecera que es donde la tengo que ver, ya que esta está encima de fondo, y también la veo debajo de pie que también está en el fondo, pero en la parte central no me la muestra.

Os incluyo parte del código html:

<body>
   <div id="fondo">
          <div id="cabecera">(aqui logro ver de fondo la imagen)</div>
          <div id="contenedor"> Aqui es donde no la muestra</div>
          <div id="pie">(aqui logro ver de fondo la imagen)</div>
   </div>

</body>

La casi buena noticia es que en ie he conseguido que lo muestre, pero mozilla se vuelve loco.
Os agradezco desde ya vuestra ayuda.

Elisa.

</adacom> escribió:

Corrije la ruta al archivo...
ademas y aunque asi como lo tienes funciona la forma correcta es:
background-image: url(images/body/body.png)


Cordiales Saludos

"La Voluntad es el único motor de nuestros logros"
Mstaaravin
http://www.mstaaravin.com.ar


Elisa Marco wrote:

Hola a todos:

Ante todo presentarme a la lista, es fantástica!.

Acabo de empezar con las hojas de estilo y tengo un problema algo común, que se que ya se ha resuelto en la lista, y gracias a vosotros he conseguido solucionar en parte.
Necesito centrar una página y lo he conseguido, pero en la caja central tengo una imagen de fondo que no consigo ver, ni con el mozilla ni con el ie.
El código que tengo es este:

body {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-family: verdana, arial, helvetica, sans-serif;
   color: #ccc;
   background: url(../images/body.png) repeat center fixed;
   text-align: center;
}
#fondo {
   width: 730px;
   padding: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: auto;
   margin-left: auto;
   background: url(../images/fondo.png) repeat center;
   border: 1px solid #ccc;
   text-align: left;
   /* part 2 of 2 centering hack */
   width: 730px; /* ie5win fudge begins */
   voice-family: "\"}\"";
   voice-family:inherit;
   width: 760px;
}
html>body #fondo{
   width: 730px; /* ie5win fudge ends */
}

Como podeis ver parte del código lo he conseguido en esta dirección. http://www.thenoodleincident.com/tutorials/box_lesson/basic_centered.html que he encontrado en la lista, pero no consigo ver la imagen del fondo, es decir fondo.png, todo encaja bien excepto que no veo la imagen.

Gracias de antemano.

Elisa.


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, mande los correos a [EMAIL PROTECTED]
Para modificar tus tados o desuscribirte, puedes hacerlo en http://ovillo.org/mailman/listinfo/ovillo_ovillo.org




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus tados o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org




_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus tados o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a