Gracias por la ayuda!
Ahora las capas se posicionan donde quer�a. :)
He a�adido position: relative a #cabecera y he sustituido el display: inline
de las #c_* por un position: absolute;
Me viene a la cabeza una pregunta m�s:
La capa #c_2 (la que tiene que ir pegada al lado izquierdo de la #c_3 que
tiene right: 0px;) est� ah� puesta porque se lo he especificado con el
right: 150px y position: absolute. Este 150 px es el ancho de la imagen
contenida en la capa #c_3. Es posible colocar de alguna manera #c_2 igual,
tocando a la #c_3 pero sin especificar un right fijo (por si el ancho de la
imagen de #c_3 fuera diferente)? Supongo que si lo fuera, entonces no ser�a
compatible con el position: absolute.
Gracias de nuevo. Un saludo.
Gael Piguillem
At 01:16 05/06/2004 +0200, you wrote:
>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
>>
___________________________
Gael Piguillem i Boladeras
BDP SOFTWARE
Ibernyx SL
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
