Ver Mensaje Individual
  #7 (permalink)  
Antiguo 08/04/2008, 21:23
Jamati
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 16 años, 2 meses
Puntos: 3
Re: alinear verticalmente inferior

Mikmoro, no quiero abusar y molestar, pero sos el unico que me esta ayudando y el unico quizás que me pueda resolver lo siguiente:

Código HTML:
<html>
<head>
<title></title>
<style type="text/css">
ul {margin:0;padding:0;} 
li {list-style:none;}
div.contenido ul.menu {width:150px;height:100px;float:left;border:1px solid #CC0000;}
div.contenido ul.menu li {width:100%;height:30px;position:relative;margin-top:2px;}
div.contenido ul.menu li ul {display:none;width:150px;top:0px;left:150px;position:absolute;background:#CC0000;}
div.contenido div {width:400px;height:100px;float:left;position:relative;border:1px solid #2E5F83;margin-left:2px;background:#E5E5E5; /*ESTE BACKGROUND SI SE BORRA FUNCIONA*/}
div.contenido div ul {position:absolute;bottom:0;}
</style>
<script language="JavaScript">
function menu(llamador)
{
  var valor = llamador.parentNode.getElementsByTagName('ul')[0];
  valor.style.display = valor.style.display == 'block' ? 'none' : 'block' ;
}
</script>
</head>
<body>
<div class="contenido">
  <ul class="menu">
    <li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 1</a>
      <ul>
        <li>SUB FILA 1</li>
        <li>SUB FILA 2</li>
      </ul>
    </li>
    <li><a href="#" onMouseOver="menu(this)" onMouseOut="menu(this)">FILA 2</a>
      <ul>
        <li>SUB FILA 1</li>
        <li>SUB FILA 2</li>
      </ul>
    </li>
  </ul>
  <div>
    <ul>
      <li>TEXTO UBICADO VERTICALMENTE INFERIOR</li>
    </ul>
  </div>
</div>
</body>
</html> 
Porba el codigo, es corto, y fijate en cualquier navegador. Lo que ocurre es que con lo que dijiste, pude alinear verticalmente inferior una parte... ahora el problema es si te fijas, el div si le pongo un color de fondo me tapa el menu... fijate si querés borrando solamente lo que te comenté y vas a ver como tendría que funcionar perfectamente.

Intenté seguirte con tener imaginacion, pero colmó mi paciencia y no peudo resolverlo. Se resuelve si quito un position:relative por ejemplo, pero me deja de funcionar esa estructura tal como te la hice en el ejemplo.

Me puedes ayudar ?... sino no importa, te entiendo y ya me has ayudado muchísimo. Si sabes algo avisa sino mil gracias nuevamente por todo.