si c_2 y c_3 tuvieran un float:left se posicionarian una al lado de la otra. efectivamente la position:absolute no es "compatible" con el float.
-- are css.artnau.com
Gael wrote:
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
_______________________________________________ Ovillo mailing list [EMAIL PROTECTED] http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
