Re: [Ovillo] Alinear dos DIV

2006-09-30 Por tema AraDaen

No se si te resultará útil, pero si posicionas el padre, si añades en los
hijos position:absolute, podrás posicionarlos a éstos respecto al padre:



Ejemplo:



!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
titleDocumento sin tiacute;tulo/title

style type=text/css
div#contenedor{
border:1px solid blue;
position:relative;
height:400px;
}

div#divSuperior{
background-color:#99;
position:absolute;
top:0;
left:0;
}

div#divInferior{
background-color:#cc;
position:absolute;
bottom:0;
left:0;
}

/style
/head
body
div id=contenedor
div id=divSuperioreste div está en la parte superior del
contenedor  /div
div id=divInferior este otro div, esta en la parte
inferior del contenedor/div
/div
/body
/html

___
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


[Ovillo] Alinear dos DIV

2006-09-29 Por tema Reynier Perez Mira
Hola lista y buenas a todos:
Estoy desarrollando mi tesis de graduación y en el Portal que estoy realizando 
me veo en la necesidad de alinear dos DIV. Uno hacia arriba y otro hacia abajo 
pero ambos dentro de un mismo contenedor. ¿Por qué? Supongan que tengo algo 
como esto:

---
|DIV 1  |
||
---
|DIV 2  |
||
---

Todo perfecto, pero si ahora el DIV1 no me ocupa el espacio suficiente como 
para que la suma del DIV 1 + DIV 2 ocupen el tamaño del contenedor entonces el 
DIV 2 sube y se pega al DIV 1 y no quiero eso sino que quede pegado siempre 
abajo. ¿Entienden lo que les trato de visualizar? Bueno espero puedan ayudarme 
pues en uno de los tantos problemas que tengo en el diseño pero no quiero 
abarrotar la lista de mensajes innecesarios sin antes buscar posibles 
soluciones. El hecho es que para este problema no se me ocurre alguna.

Salu2 y desde ya muchas gracias

--
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