TAG "DIV"

[Aravecchia 0]

:wacko: É URGENTE pessoal!

 

Estou criando um site em que o menu está dentro de uma layer (DIV) mas como elas ficam fixas no lugar dependendo da config. do visitante o layout do site destrambrelha todo, ou seja o menu fica parado no mesmo lugar e o restante das informações se ajustam na página!

 

Alguém sabe como fixar a layer dentro da tabela?

 

http://forum.imasters.com.br/public/style_emoticons/default/cry.gif PELO AMOR DE DEUS preciso de respostas

 

Valeu!

[Aravecchia 0]

Ai gente, não deu certo nem tirando a altura e largura nem usando "%"e agora?

[epassos 0]

Poste o seu codigo para que possamos analisar. Você pode dar uma estudada tambem em como desenvolver com Tableless.Acesse os seguintes sites abaixo para dar uma estudada:www.tableless.com.brwww.maujor.comQq coisa é so falar[]'s

[Aravecchia 0]

Oi pessoal aí vai o código...

Só para recapitular, eu preciso que a tag "div" fique fixa dentro de uma tabela que está centralizada ou então (eu tive outra idéia) que a tabela principal fique fixa na página independente da configuração do internauta! É possível?

 

<style>

body, p, table, td.input, textarea{

  font-family:Verdana, Arial, Helvetica, sans-serif;

  font-size:11px;

  color:#000033;

}

a{

  text-decoration:none;

  color:#000000;

}

.special {

position:relative;

top:0px;

left:0px;

background-color:#ffffff;

}

</style>

<script language="javascript">

<!--

function menu(){

submenu = [];

for(i=0; i<8; i++) submenu = [];

textmenu = [];

for(i=0; i<8; i++) textmenu = [];

textmenu[0][0] = ["Conceito","Qualidade","Nossa Equipe"]

textmenu[0][1] = ["especialista.htm","","","",""];

textmenu[1][0] = ["Recortar","Copiar","Colar","Colar Especial","Limpar tudo","Options","Customize"]

textmenu[1][1] = ["showroom/living.htm","","","","","",""];

textmenu[2][0] = ["Barras de ferramentas","Barra de Status","Barras do Explorer","Mostrar Imagem","Codigo Fonte","Tela Inteira"]

textmenu[2][1] = ["","","","","",""];

textmenu[3][0] = ["Adicionar a Favoritos","Configurar","Excluir Favoritos"]

textmenu[3][1] = ["","",""];

textmenu[4][0] = ["Sincronizar","Windows Update","Messenger","Opcoes de Internet"]

textmenu[4][1] = ["","","",""];

textmenu[5][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]

textmenu[5][1] = ["","","","",""];

textmenu[6][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]

textmenu[6][1] = ["","","","",""];

textmenu[7][0] = ["Conteudo e Indice","Dica do Dia","Suporte On-line","Enviar Comentarios","Sobre o Internet Explorer"]

textmenu[7][1] = ["","","","",""];

menus = [];

if(document.getElementById){

  menus[0] = document.getElementById("Layer1");

  menus[1] = document.getElementById("Layer2");

  menus[2] = document.getElementById("Layer3");

  menus[3] = document.getElementById("Layer4");

  menus[4] = document.getElementById("Layer5");

  menus[5] = document.getElementById("Layer6");

  menus[6] = document.getElementById("Layer7");

  menus[7] = document.getElementById("Layer8");

  menus[8] = document.getElementById("Layer9");

  menuinterno = document.getElementById("menu");

  //menu.setAttribute("position","absolute")

  function over(){ this.style.backgroundColor = '#B2B4BF'; }

  function out(){ this.style.backgroundColor = '#ffffff'; }

  function show(){ this.style.visibility='visible'; }

  function hide(){ this.style.visibility='hidden'; }

  for(j=0; j<textmenu.length; j++){

  for (i=0; i<textmenu[j][0].length; i++){

    //alert(textmenu[j][0])

    textmenu[j][0] = "<a href='"+textmenu[j][1]+"' target='_blank'>" + textmenu[j][0] + "</a>";

    submenu[j] = document.createElement("DIV");

    submenu[j].setAttribute("className", "special");

    submenu[j].innerHTML = textmenu[j][0];

    submenu[j].style.padding = "5px";

    submenu[j].onmouseover = over;

    submenu[j].onmouseout = out;

    menus[j].appendChild(submenu[j]);

  }

  menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height));

  menus[j].onmouseover = show;

  menus[j].onmouseout = hide;

  }

 

}

}

window.onload = menu;

 

function MM_swapImgRestore() { //v3.0

  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;

}

 

function MM_preloadImages() { //v3.0

  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

    if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}

}

 

function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}

 

function MM_swapImage() { //v3.0

  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

  if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

//-->

</script>

</head>

<body>

<div id="Layer1" style="position:absolute; left:111px; top:134px; width:103px; padding:1px; z-index:1; background-color:#FFFFFF; border:1px solid #999999; visibility:hidden; height: 17px;"></div>

<div id="Layer2" style="position:absolute; left:212px; top:136px; width:128px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden; height: 19px;"></div>

<div id="Layer3" style="position:absolute; left:295px; top:136px; width:132px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden; height: 19px;"></div>

<div id="Layer4" style="position:absolute; left:361px; top:137px; width:133px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden; height: 19px;"></div>

<div id="Layer5" style="position:absolute; left:455px; top:135px; width:113px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden; height: 19px;"></div>

<div id="Layer6" style="position:absolute; left:562px; top:137px; width:114px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; height: 19px; visibility: hidden;"></div>

<div id="Layer7" style="position:absolute; left:653px; top:135px; width:113px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; visibility:hidden; height: 19px;"></div>

<div id="Layer8" style="position:absolute; left:745px; top:136px; width:96px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #999999; height: 19px; visibility: hidden;"></div>

<div id="menu" style="position:relative; top:129px; left:110px; width:759px; height:23px; z-index:1000;" class="special" align="justify">

  <div align="center"></div>

  <table width="439" border="0" align="center" cellpadding="0" cellspacing="0">

    <tr>

      <td width="53"><a href="java script:void(null)" onMouseOver="menus[0].onmouseover()" onMouseOut="menus[0].onmouseout()">

        <img src="../bo01.gif" name="Image4" width="90" height="24" border="0" id="Image4" onMouseOver="MM_swapImage('Image4','','../bo01a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="45"><a href="java script:void(null)" onMouseOver="menus[1].onmouseover()" onMouseOut="menus[1].onmouseout()">

        <img src="../bo02.gif" name="Image5" width="84" height="24" border="0" id="Image5" onMouseOver="MM_swapImage('Image5','','../bo02a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="41"><a href="java script:void(null)" onMouseOver="menus[2].onmouseover()" onMouseOut="menus[2].onmouseout()">

        <img src="../bo03.gif" name="Image6" width="65" height="24" border="0" id="Image6" onMouseOver="MM_swapImage('Image6','','../bo03a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="62"><a href="java script:void(null)" onMouseOver="menus[3].onmouseover()" onMouseOut="menus[3].onmouseout()">

        <img src="../bo04.gif" name="Image7" width="94" height="24" border="0" id="Image7" onMouseOver="MM_swapImage('Image7','','../bo04a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="78"><a href="java script:void(null)" onMouseOver="menus[4].onmouseover()" onMouseOut="menus[4].onmouseout()">

        <img src="../bo05.gif" name="Image8" width="105" height="24" border="0" id="Image8" onMouseOver="MM_swapImage('Image8','','../bo05a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="40"><a href="java script:void(null)" onMouseOver="menus[5].onmouseover()" onMouseOut="menus[5].onmouseout()">

        <img src="../bo06.gif" name="Image9" width="91" height="24" border="0" id="Image9" onMouseOver="MM_swapImage('Image9','','../bo06a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="40"><a href="java script:void(null)" onMouseOver="menus[6].onmouseover()" onMouseOut="menus[6].onmouseout()">

        <img src="../bo07.gif" name="Image10" width="93" height="24" border="0" id="Image10" onMouseOver="MM_swapImage('Image10','','../bo07a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="40"><a href="java script:void(null)" onMouseOver="menus[7].onmouseover()" onMouseOut="menus[7].onmouseout()">

        <img src="../bo08.gif" name="Image11" width="92" height="24" border="0" id="Image11" onMouseOver="MM_swapImage('Image11','','../bo08a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

      <td width="40"><a href="../index.htm" target="_self" onMouseOver="menus[8].onmouseover()" onMouseOut="menus[8].onmouseout()">

        <img src="../bo09.gif" name="Image12" width="46" height="24" border="0" id="Image12" onMouseOver="MM_swapImage('Image12','','../bo09a.gif',0)" onMouseOut="MM_swapImgRestore()"></a></td>

    </tr>

  </table>

</div>

<div align="center"></div>

Value pessoal! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[epassos 0]

Cara da uma estudada no link abaixo e veja se resolve o teu problema.

 

http://www.maujor.com/tutorial/meio_tela.php

 

Abracos