Re: [Ovillo] =?ISO-8859-1?Q?Posici=F3n_de_capas_=28right=3A?= =?ISO-8859-1?Q?_0=3B=29?=

Sat, 05 Jun 2004 00:17:16 -0700

el top/right funcionan bien con el position:absolute no con el display:inline.

si el #cabecera tiene un position:relative su vertice top-left ser� el punto (0,0) de tus c_* lo que te permitir� posicionarlos con tranquilidad.

--
are
css.artnau.com

Gael wrote: 
Hola!

Yo tampoco hab�a visto en enlace a Ovillo desde W3C, felicidades!

Os explico el problema con el que me encuentro, espero que me pod�is ayudar
a ver qu� estoy haciendo mal o qu� tonter�a me falta en el c�digo.

Tengo una div (#cabecera) sin m�rgenes, padding ni bordes, de altura fija,
100px. El ancho es el que tiene la div que la contiene (#wrapper). Ahora
bien, dentro de esa #cabecera (que tiene una peque�a imagen de fondo con
repeat-x) quiero poner tres im�genes que queden alineadas de la siguiente
manera:

- una imagen alineada con la esquina inferior izquierda de la div.
- otra alineada con el lado derecho de la div (esta imagen tambi�n tiene
100px de alto).
- otra justo a la izquierda de la anterior.

El problema es que s�lo consigo alinear de esa manera la primera. Las otras
dos las coloca a continuaci�n de la primera (estoy trabajando con IE6).
Alguna idea?


Este es el CSS:

#cabecera {
        height:                 100px;

        background-color:       transparent;
        background-image:       url(images/fcap.gif);   

        border:                 0;
        margin:                 0;
        padding:                0;
        }
#c_1 {
        bottom:                 0px;    /* alineado abajo a la izquierda de la 
cabecera */
        left:                   0px;
        display:                inline;
        }
#c_2 {
        top:                    0px;
        right:                  150px;  /* alineado al lado izquierda de c_3 */
        display:                inline;
        }
#c_3 {
        top:                    0px;
        right:                  0px;    /* alineado a la derecha de la cabecera */
        display:                inline;
        }


Y el HMTL:

     <div id="cabecera">
            <div id="c_1"><img src="images/tith.gif" width="290" height="64" /></div>
            <div id="c_2"><img src="images/caph.gif" width="250" height="100" /></div>
            <div id="c_3"><img src="images/capl.gif" width="150" height="100" /></div>
     </div>

De esta manera quedan verticalmente bien colocadas. Horizontalmente el
display: inline evita los saltos de l�nea entre ellas, pero quedan colocadas
todas seguidas. He probado con margin, clear, etc. pero no hay manera.

Gracias por la ayuda. Un saludo.



        Gael Piguillem



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org



_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a