Foros del Web » Programando para Internet » Javascript »

Ubicacion de Div

Estas en el tema de Ubicacion de Div en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/08/2010, 22:37
Avatar de ONahuelO  
Fecha de Ingreso: junio-2009
Ubicación: Gualeguaychú, Argentina
Mensajes: 144
Antigüedad: 14 años, 10 meses
Puntos: 4
Ubicacion de Div

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">
htmlbody {
margin0 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
  #2 (permalink)  
Antiguo 03/08/2010, 10:55
Avatar de mdk
mdk
 
Fecha de Ingreso: noviembre-2002
Mensajes: 531
Antigüedad: 21 años, 5 meses
Puntos: 11
Respuesta: Ubicacion de Div

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.
__________________
SoY Lo Ke VeS iNKLuSo KuAnDo No Me VeS ;)

Etiquetas: ubicacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:22.