Hola Camilo
La estructura de mi pagina es muy sencilla:
<<<contenedor>>>
""""""""""1BANNER""""""""""
"""2MENU"""3CUERPO""""""""""
<<</contenedor>>>
El problema es que el banner (con un fondo repetido) tiene dos divs con
imagenes alineados uno a la derecha y otro a la izquierda.
"""""""""""""""""BANNER"""""""""""""""""""""""
"""logo_cliente"""""""""""""logo_miempresa"""
""""""""""""""""""""""""""""""""""""""""""""""
pero el div con el logo mi empresa es MAS ALTO que el banner y se solapa al
resto de la pagina. Solo IE 5.0 no interpreta correctamente ese float. Si
le quito el position: absolute se me desparrama todo.
Mil gracias de verdad!!!
y saludos!!!!
Original Message:
-----------------
From: Camilo Kawerín [EMAIL PROTECTED]
Date: Mon, 18 Oct 2004 21:20:20 -0300
To: [EMAIL PROTECTED]
Subject: Re: [Ovillo] IE 5.0 no me entiende los floats
Hola,
Yo no entiendo porqué hablás de float y en tu CSS ubicás el elemento con
posicionamiento absoluto. Si ponés float:right, te "pega" el elemento al
borde superior derecho. Con position:absolute ubicás el elemento con
coordenadas.
Si no entendí mal, tu intención es hacer un diseño con cabecera, columna
izquierda y columna derecha. El método más sencillo es:
<div id="contenedor">
<div id="cabecera"></div>
<div id="izquierda"></div>
<div id="derecha"></div>
<div id="contenido"></div>
</div>
#contenedor {border: 1px dotted #000; }
#cabecera {height:100px; border: 1px dotted #000; }
#izquierda {float:left; width:150px; border: 1px dotted #000; }
#derecha {float:right; width:150px; border: 1px dotted #000; }
#contenido {margin-left:160px; margin-right:160px; }
Espero que te sirva. Saludos,
[EMAIL PROTECTED] escribió:
Gracias Daniel por responder a mi pregunta.
Lamentablemente si quito los Position se me desparrama todo. Los float los
he especificado antes como right{float:right}; y left{float:left};
He detectado que este problema que solo se da con IE 5.0 desaparece si
quito el id que contiene la imagen de mi empresa es decir:
<div id="logo_miempresa"><img src="../imagenes/logo_miempresa.jpg"
alt="Logo Mi empresa" longdesc="xxx" /></div>
que es el que tiene asignado el float right y el que provoca todo el
pifostio
Aquí va su css
#logo_miempresa{
top: 0px;
right: 0px;
position: absolute;
}
¿Sería mejor usar un margin-left?
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
--------------------------------------------------------------------
mail2web - Check your email from the web at
http://mail2web.com/ .
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
