On 12/12/06, ReynierPM <[EMAIL PROTECTED]> wrote: > Hola listeros: > Estoy teniendo un problema y necesito de la ayuda de ustedes porque entre > más leo más me enredo. El problema es que tengo que posicionar una capa de > fondo y entonces dentro de ella posicionar dos capas más: una que contiene > una imagen (como background) y la otra que contiene un formulario para > iniciar sesion en una aplicación. Estuve leyendo algo sobre el > posicionamiento absoluto o relativo aquí > <http://www.sidar.org/recur/desdi/traduc/es/css/visuren.html#propdef-position> > pero aún no me queda del todo claro. Ahora voy a dejarles mi CSS a ver que > hago mal. > > > #background { > z-index: 1; > background: url(../img/loginbck.png) no-repeat; > height: 271px; > width: 556px; > position: relative; > top: 10em; > left: 11%; > } > #key { > z-index: 2; > background: url(../img/key.png) no-repeat 20% 30%; > position: relative; > height: 57px; > width: 44px; > } > > #background es la capa (DIV) sobre la cual debo poner los otros elementos, > #key y #formulario. Los problemas son los siguientes: > 1) La propiedad top de la capa #background si le pongo porcentajes no me > corre la misma desde el tope. O sea top: 10%; no pasa nada. > 2) Lo mismo pasa con el posicionamiento de la capa #key o sea se me pega al > tope del contenedor en este caso la capa #background y no se corre para > nada. > > El HTML es el siguiente: > <div id="background"> > <div id="key"> </div> > <div id="formulario"> </div> > </div> > Que estoy haciendo mal? > Gracias de antemano > -- > Salu2 > ReynierPM | 5to. Ing Informática > _______________________________________________ > 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 >
Saludos, no he revisado tu codigo pero te animo a que leas "Making the Absolute, Relative"[1], creo que entenderias mejor al autor del articulo a que te explique lo que entiendo despues de haberlo leido. [1] http://www.stopdesign.com/articles/absolute/ -- ------------------------------------------------------------- _o) Yurk! // \ Linux Registered User #418034 U_/_ Dile NO al top-posting[*] [*] ttp://es.wikipedia.org/wiki/Top-posting ------------------------------------------------------------- _______________________________________________ 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