Ubicacion de Div

ONahuelO · #1 (**permalink**) 02/08/2010, 22:37

Bueno, antes que nada mis disculpas si este tema no va aqui, pero es que de fondo se trata de una tool js, asi que no savia bien donde ubicarla si aqui o en css.

El problema se trata de que no se me ocurre como configurar este menu de tal modo que se ubique en la parte de abajo del navegador, sin dejar ese espacio en blanco.

Este es mi codigo:

index.php

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

<style type="text/css">

html, body {

margin: 0 auto;

}

#Pie {

position:absolute;

bottom:0px;

left:0px;

}

</style>

<script type="text/javascript" src="stmenu.js"></script></head>

 
<body>

 
 
<div id="Cuerpo"></div>

<div id="Pie">

 
 
<a href="http://www.dhtml-menu-builder.com"  style="display:none;visibility:hidden;">Javascript DHTML Drop Down Menu Powered by dhtml-menu-builder.com</a>

<script type="text/javascript">

<!--

stm_bm(["menu1f01",940,"","blank.gif",1,"0","500",0,3,250,0,1000,1,0,0,"","",0,0,1,2,"default","hand","",1,25],this);

stm_bp("p0",[0,4,0,0,0,0,0,0,100,"",-2,"",-2,50,0,0,"#999999","transparent","bg_02.gif",3,0,0,"#000000"]);

stm_ai("p0i0",[2,"","bg_01.gif","bg_01a.gif",99,30,0,"","_self","","","","",0,0,0,"","",-1,-1,0,0,1,"#FFFFF7",1,"#FFFFF7",1,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#000000","#000000","8pt Verdana","8pt Verdana",0,0,"","","","",0,0,0]);

stm_bp("p1",[1,3,0,4,0,0,40,0,100,"",-2,"",-2,50,2,3,"#333333","transparent","bg_001.gif",3,0,0,"#000000","surround_top.gif",67,370,0,"transparent","",3,"",-1,-1,0,"transparent","surround_right.gif",2,"surround_botton.gif",-1,-1,0,"transparent","",0,"",-1,-1,0,"transparent","surround_left.gif",2,"surround_01.gif","surround_02.gif","surround_03.gif","surround_04.gif",5,67,5,67,5,41,5,41]);

stm_aix("p1i0","p0i0",[0,"Internet","","",-1,-1,0,"","_self","","","icon01.gif","icon01.gif",35,31,0,"","",0,0,0,0,1,"#FFFFF7",1,"#316ac5",0,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#000000","#FFFFFF","bold 8pt Verdana","bold 8pt Verdana"],0,40);

stm_aix("p1i1","p1i0",[0,"E-mail","","",-1,-1,0,"","_self","","","icon_02.gif","icon_02.gif",40,28],0,40);

stm_aix("p1i2","p1i0",[0,"Notepad","","",-1,-1,0,"","_self","","","icon_03.gif","icon_03.gif",35,30],0,40);

stm_ai("p1i3",[6,1,"transparent","line01.gif",175,1,0]);

stm_aix("p1i4","p0i0",[0,"Microsoft Office Excel 2003","","",-1,-1,0,"","_self","","","icon_05.gif","icon_05.gif",35,28,0,"","",0,0,0,0,1,"#FFFFF7",1,"#316ac5",0,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#000000","#FFFFFF","8pt Arial","8pt Arial"],0,40);

stm_aix("p1i5","p1i4",[0,"Microsoft Office Word 2003","","",-1,-1,0,"","_self","","","icon_06.gif","icon_06.gif",34],0,40);

stm_aix("p1i6","p1i4",[0,"TestTrack Pro Client","","",-1,-1,0,"","_self","","","icon_07.gif","icon_07.gif",35,31],0,40);

stm_aix("p1i7","p1i4",[0,"Sothink Tree Menu","","",-1,-1,0,"","_self","","","icon_08.gif","icon_08.gif",36,32],0,40);

stm_aix("p1i8","p1i7",[0,"Sothink DHTML Menu","","",-1,-1,0,"","_self","","","icon_09.gif","icon_09.gif"],0,40);

stm_aix("p1i9","p1i0",[0,"All Programs","","",-1,-1,0,"","_self","","","","",0,0,0,"","",-1,-1,0,0,1,"#FFFFF7",1,"#FFFFF7",1,"bg_10.gif","bg_11.gif",3,3,0,0,"#FFFFF7","#FFFFF7","#000066"],0,40);

stm_bp("p2",[1,2,0,-250,0,0,26,7,100,"",-2,"",-2,50,2,3,"#666666","#FFFFFF","",3,0,0,"#000000","",-1,-1,0,"#3481e3","",0,"",-1,-1,0,"#3481e3","",0,"",-1,-1,0,"#3481e3","",0,"",-1,-1,0,"transparent","surround2_left.gif",2,"surround2_01.gif","surround2_02.gif","surround2_02.gif","surround2_01.gif",6,1,1,1,1,1,6,1]);

stm_aix("p2i0","p1i4",[0,"WinZip","","",-1,-1,0,"","_self","","","icon_21.gif","icon_21.gif",20,16],0,25);

stm_aix("p2i1","p1i4",[0,"Windows Catalog","","",-1,-1,0,"","_self","","","icon_20.gif","icon_20.gif",20,12],0,25);

stm_aix("p2i2","p2i0",[0,"Windows Update","","",-1,-1,0,"","_self","","","icon_19.gif","icon_19.gif"],0,25);

stm_aix("p2i3","p1i3",[6,1,"#000000","line01.gif",160]);

stm_aix("p2i4","p1i4",[0,"Accessories","","",-1,-1,0,"","_self","","","icon_18.gif","icon_18.gif",26,15],0,25);

stm_aix("p2i5","p2i4",[0,"Games"],0,25);

stm_aix("p2i6","p2i4",[0,"Macromedia"],0,25);

stm_aix("p2i7","p2i4",[0,"PADGen"],0,25);

stm_aix("p2i8","p2i4",[0,"Seapine Software"],0,25);

stm_aix("p2i9","p1i4",[0,"SourceTec","","",-1,-1,0,"","_self","","","icon_18.gif","icon_18.gif",26,15,0,"black-r.gif","black-r.gif",7,7],0,25);

stm_bpx("p3","p2",[1,2,0,0,0,0,26,0]);

stm_aix("p3i0","p2i4",[0,"Sothink DHTML Menu"],0,25);

stm_aix("p3i1","p2i4",[0,"Sothink Tree Menu"],0,25);

stm_aix("p3i2","p2i4",[0,"Sothink Quicker"],0,25);

stm_aix("p3i3","p2i4",[0,"Sothink Glanda"],0,25);

stm_aix("p3i4","p2i4",[0,"Sothink 3GP Video Converter"],0,25);

stm_ep();

stm_aix("p2i10","p2i4",[0,"Startup"],0,25);

stm_aix("p2i11","p2i4",[0,"Symantec Client Security"],0,25);

stm_aix("p2i12","p2i4",[0,"ThinkPad"],0,25);

stm_aix("p2i13","p2i4",[0,"Wireless LAN Utility"],0,25);

stm_ep();

stm_aix("p1i10","p1i9",[0,"My Documents","","",-1,-1,0,"","_self","","","icon_04.gif","icon_04.gif",24,24,0,"","",0,0,0,0,1,"#FFFFF7",1,"#316ac5",0,"",""],0,30);

stm_aix("p1i11","p1i10",[0,"My Pictures","","",-1,-1,0,"","_self","","","icon_11.gif","icon_11.gif"],0,30);

stm_aix("p1i12","p1i10",[0,"My Music","","",-1,-1,0,"","_self","","","icon_10.gif","icon_10.gif"],0,30);

stm_aix("p1i13","p1i10",[0,"My Computer","","",-1,-1,0,"","_self","","","icon_12.gif","icon_12.gif",30],0,30);

stm_aix("p1i14","p1i10",[0,"My Network Places","","",-1,-1,0,"","_self","","","icon_13.gif","icon_13.gif",25],170,30);

stm_aix("p1i15","p1i3",[6,1,"transparent","line02.gif",160,2]);

stm_aix("p1i16","p0i0",[0,"Control Panel","","",-1,-1,0,"","_self","","","icon_14.gif","icon_14.gif",24,24,0,"","",0,0,0,0,1,"#FFFFF7",1,"#316ac5",0,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#000066","#FFFFFF"],0,30);

stm_aix("p1i17","p1i16",[0,"Set Program Access\r\nand Defaults","","",-1,-1,0,"","_self","","","icon_15.gif","icon_15.gif"],0,30);

stm_aix("p1i18","p1i4",[0,"Connect To","","",-1,-1,0,"","_self","","","icon_16.gif","icon_16.gif",24,24,0,"","",0,0,0,0,1,"#FFFFF7",1,"#316ac5",0,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#000066"],0,30);

stm_aix("p1i19","p1i16",[0,"Printes and Faxes","","",-1,-1,0,"","_self","","","icon_17.gif","icon_17.gif",22,23],0,30);

stm_mc("p1",[10,"#000000",1,20,"",0]);

stm_ep();

stm_aix("p0i1","p0i0",[2,"","bg_12.gif","bg_12a.gif",27,29,0,"","_self","","","","",0,0,0,"","",0,0]);

stm_aix("p0i2","p0i1",[2,"","bg_13.gif","bg_13a.gif",23]);

stm_aix("p0i3","p0i1",[2,"","bg_14.gif","bg_14a.gif",31,30]);

stm_aix("p0i4","p1i16",[2,"","bg_03.gif","bg_04.gif",160,25,0,"","_self","","","","",0,0,0,"","",0,0,0,1,1,"#FFFFF7",1,"#B5BED6",1,"","",3,3,0,0,"#FFFFF7","#FFFFF7","#FFFFFF"]);

stm_aix("p0i5","p0i4",[2,"","bg_05.gif","bg_06.gif",160,25,0,"","_self","","","","",0,0,0,"","",0,0,0,0]);

stm_aix("p0i6","p0i5",[2,"","bg_07.gif","bg_08.gif"]);

stm_aix("p0i7","p0i5",[0,"","","",-1,-1],20,0);

stm_ep();

stm_em();

//-->

</script>

 
 
 
</div>

 
 
</body>

</html>

Aclaro que esta echo con dhtml-menu, y que lo que necesito es dejar el menu bien sobre el borde inferior.

Desde ya gracias

mdk · #2 (**permalink**) 03/08/2010, 10:55

A ver si lo que quieres hacer es, colocar ese menu bajo del todo del navegador (supongo que querras hacer como si fuera la barra de herramientas de windows en el navegador), entonces lo que tienes que hacer es detectar el alto del navegador mediante document.body.clientHeight. Supongamos que el alto de tu menú es de 30px, entonces tendrías que restar 30 al alto de tu navegador, y posicionar con ese número la barra.