definir posição do DIV para cada resolucao da tela

ronny · Fevereiro 2, 2007

pessao beleza....fiquei um tempao pesquisando pra evitar abir um topico, mas nao teve jeito...

seguinte: tenho uma DIV que carrega uma iframe dentre dele:

<STYLE type=text/css>.div{ position:absolute; /*posição para o div*/ width: 500px; /*largura para o div*/ height: 300px; /*altura para o div*/ top: 130px; /*distância do div em relação ao topo*/ left: 150px; /*distância do div em relação a lateral esquerda*/ background-color:#f3f3f3; /*cor de fundo do div*/ border: 1px solid #666666;}</STYLE>...<div id="noticia1" style="display: none;" class="div"><iframe src="../../noticias/<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';">fechar</a></div></div>...<a href="../../noticias/<? echo $noticia1; ?>" target="not1"  onClick="document.getElementById("noticia1").style.display = "block";">leia mais...</a>

o DIV abre beleza no centro da pagina...o cara le a noticia....e depois fecha...maravilha....porem quando a resolucao da tela eh maior q 800x600 o DIV fica numa posicao indesejavel.....

Gostaria de saber como faço para dependendo da resolucao aterar os valores de posicionamento do DIV?

valeu!!!

ronny · Fevereiro 5, 2007

show cara..beleza mesmo...nao sabia dessa config no style....agora o DIV abre no centro sim, mas apenas na 1ª noticia....as outras 2 que vem abaixo ele vai abrindo acima da tela....fora do centro...ai o usuario tem q rolar a tela pra ler....tem como definir o top qdo o usuario clicar pra ler ou não tem jeito ??valeu!!

ronny · Fevereiro 5, 2007

tem razao..assim fica dificil ajudar mesmo....existem mais duas noticias abaixo da 1ª:

<div id="noticia2" style="display: none;" class="div"><iframe src="../../noticias/<? echo $noticia2; ?>" name="not2" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia2').style.display = 'none';"><font color="#0000ff">fechar</font></a></div></div><div id="noticia3" style="display: none;" class="div"><iframe src="../../noticias/<? echo $noticia3; ?>" name="not3" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia3').style.display = 'none';"><font color="#0000ff">fechar</font></a></div> </div>

quando o usuario rola a tela pra ler essas duas, o DIV abre acima da tela de visualizacao...ai tem q rolar pra cima pra ver.....teria como ajustar automaticamente?

ronny · Fevereiro 6, 2007

beleza....vou fazer isso...valeu mesmo pela força!

ronny · Fevereiro 6, 2007

pesquisando aqui mesmo encontrei um codigo que deixa a imagem fixa na tela qdo o usuario rola a tela....to tentando adapta-la ao meu problema.....mas ta dando poblema....

function fixar(pag) {var pagina = pag;//valor do ID de cada DIVvar rolX = parseInt(document.body.scrollLeft); // armazenando os valores de rolagem horinzontal da páginavar rolY = parseInt(document.body.scrollTop); // armazenando os valores de rolagem vertical da páginavar pgX = parseInt(document.body.clientWidth); // armazenando a largura da páginavar pgY = parseInt(document.body.clientHeight); // armazenando a altura da páginavar imgX = parseInt(pagina.width); // armazenando a largura da imagemvar imgY = parseInt(pagina.height); // armazenando a altura da imagempagina.style.left = rolX + pgX - (imgX); // posicionando a imagem, horizontalmente, pelo calculo: rolagem_horizontal + largura_da_pagina - (largura_da_imagem)pagina.style.top = rolY + pgY - (imgY); // posicionando a imagem, verticalmente, pelo calculo: rolagem_vertical + altura_da_pagina - (altura_da_imagem + barra_de_copyright)window.setTimeout("fixar()",100); // atualizando os valores a cada 100 milésimos de segundodocument.getElementById("pagina").style.display = "block";}<html><body>...<!--1ª noticia--><div id="noticia1" style="display: none;" class="div"><iframe src="<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';">fechar</a></div></div><a href="<? echo $noticia1; ?>" target="not1"  onClick="fixar('noticia1');">leia mais...</a><!--noticia2 --><div id="noticia2" style="display: none;" class="div"><iframe src="<? echo $noticia2; ?>" name="not2" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia2').style.display = 'none';">fechar</a></div></div><a href="<? echo $noticia2; ?>" target="not2"  onClick="fixar('noticia2');">leia mais...</a><!--noticia3 --><div id="noticia3" style="display: none;" class="div"><iframe src="<? echo $noticia3; ?>" name="not3" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia3').style.display = 'none';">fechar</a></div></div><a href="<? echo $noticia3; ?>" target="not3"  onClick="fixar('noticia3');">leia mais...</a></body></html>

dessa jeito no evento Onclick nem mostra a div qd clico em "leia mais"....devo colocar um outro evento em outro lugar? ou to errando no onclick ?

valeu!

ronny · Fevereiro 6, 2007

beleza....coloquei assim:

var pagina = pag;alert("teste " + pagina); //AQUI MOSTRA: teste noticia1

e assim:pagina = document.getElementById(pag);alert("teste " + pagina); //AQUI MOSTRA: teste [OBJECT]

e qdo peço pra mostrar a var imgX:

var imgX = parseInt(pagina.width);alert("teste " + imgX + pagina);//AQUI MOSTRA: teste NaN[OBJECT]

alguma ideia do q pode ser esse erro?

ronny · Fevereiro 7, 2007

beleza...eh eu ja tinha tentando assim tbm...mas continua do mesmo jeito..interessante..era pra funcionar....

function fixar(pag) {var pagina = pag;pagina = document.getElementById(pagina);var rolX = parseInt(document.body.scrollLeft);var rolY = parseInt(document.body.scrollTop);var pgX = parseInt(document.body.clientWidth);var pgY = parseInt(document.body.clientHeight);alert ("teste"+pagina + rolX + rolY + pgX + pgY);//OK MOSTRA:"TESTE[OBJECT]00780455var imgX = parseInt(pagina.style.width); var imgY = parseInt(pagina.style.height); alert ("teste" + imgX + imgY);//MOSTRA: "TESTE NaN NaN"pagina.style.left = rolX + pgX - (imgX);pagina.style.top = rolY + pgY - (imgY);window.setTimeout("fixar('pagina')",100);document.getElementById("pagina").style.display = "block";}...//LINK PARA O DIV<a href="<? echo $noticia1; ?>" target="not1"  onClick="fixar('noticia1');">leia mais</a>

alguma outra sugestão!?obrigado.

valeu!

ronny · Fevereiro 7, 2007

beleza...fiz uma pequena alteracao e com sua dica agora ta mostrando o DIV.... mas com 1 porem: Nao abre como um DIV....ta abrindo assim como se estivesse usando o proprio corpo da pagina....colocando para baixo o resto da pagina..abre numa posicao fixa de acordo com a noticia....se clico no link da noticia1 sem rolar a tela ele abre na posicao X...se rolo a tela e clico no mesmo link ele abre na mesma posicao x....ou seja, o lugar q abre nao tá legal.....que estranho!!!

function fixar(pag) {var pagina = pag;pagina = document.getElementById(pag);var rolX = parseInt(document.body.scrollLeft);var rolY = parseInt(document.body.scrollTop);var pgX = parseInt(document.body.clientWidth);var pgY = parseInt(document.body.clientHeight);var imgX = parseInt(pagina.style.width.substr(0, pagina.style.width.length - 2));var imgY = parseInt(pagina.style.height.substr(0, pagina.style.height.length - 2));pagina.style.left = rolX + pgX - (imgX);pagina.style.top = rolY + pgY - (imgY);var left = parseInt(pagina.style.left);var top = parseInt(pagina.style.top);alert("alt="+top+"e esq="+left);//800X600 ALT=155(0+455-300) E ESQ=280(0+780-500)window.setTimeout("fixar(pag)",100);pagina.style.display = "block";}....div{ position:absolute; background-color:#f3f3f3; border: 1px solid #666666;}...<div id="noticia1" style="display: none;height: 300px; width: 500px" class="div"><iframe src="<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe><div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';"><font color="#0000ff">fechar</font></a></div></div>//LINK PARA O DIV<a href="<? echo $noticia1; ?>" target="not1"  onClick="fixar('noticia1');">leia mais</a>

acho q o erro deve tá no DIV qdo abre no corpo da pagina e nao como um layer da pagina....

outra sugestao? obrigado!

ronny · Fevereiro 7, 2007

beleza entao...retirei os css...conexao bd...e outras coisas pra ficar menor o codigo...nada de importante em relacao ao q ta ai:

<?//DEFINIR NOTICIAS NA TABELA CENTRAL	$noticia1 = "teste1.php";	$noticia2 = "teste1.php";	$noticia3 = "teste1.php";?><html><head><title>noticias</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><STYLE><!--A {text-decoration: none;}A:HOVER {text-decoration: underline;}</STYLE--></STYLE><script language="JavaScript" type="text/javascript">// FUNÇÃO MANTER UM OBJETO FIXO NUM PONTO DA TELA, INDEPENDENTE DA ROLAGEMfunction fixar(pag) {var pagina = pag;alert(pagina);pagina = document.getElementById(pag);var rolX = parseInt(document.body.scrollLeft); // armazenando os valores de rolagem horinzontal da páginavar rolY = parseInt(document.body.scrollTop); // armazenando os valores de rolagem vertical da páginavar pgX = parseInt(document.body.clientWidth); // armazenando a largura da páginavar pgY = parseInt(document.body.clientHeight); // armazenando a altura da páginavar imgX = parseInt(pagina.style.width.substr(0, pagina.style.width.length - 2));// armazenando a largura da imagemvar imgY = parseInt(pagina.style.height.substr(0, pagina.style.height.length - 2));// armazenando a altura da imagempagina.style.left = rolX + pgX - (imgX); // posicionando a imagem, horizontalmente, pelo calculo: rolagem_horizontal + largura_da_pagina - (largura_da_imagem)pagina.style.top = rolY + pgY - (imgY); // posicionando a imagem, verticalmente, pelo calculo: rolagem_vertical + altura_da_pagina - (altura_da_imagem + barra_de_copyright)window.setTimeout("fixar(pag)",100); // atualizando os valores a cada 100 milésimos de segundopagina.style.display = "block";}</script></head><body background="back.gif" bgcolor="#f3f3f3" text="#d6d5d2" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"link="#d6d5d2" vlink="#d6d5d2" alink="#d6d5d2"><table width="780" border="0" cellspacing="0" cellpadding="0" align="center" height="664">  <tr> 	<td height="15" background="images/back.gif"> 	  <div align="center">	  <table width="760" border="0" cellspacing="0" cellpadding="0">		  <tr>			<td bgcolor="#0F2C3A" height="15" > 			  <div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b><a href="#">AS</a> | <a href="#" target="_parent">BS</a> | <a href="#" target="_parent">Intranet</a> | <a href="#" target="_parent">CTI/SERPRO</a> | <a href="#" target="_parent">WEBMAIL</a> | <a href="#" target="_parent">SIAPENET</a> | <a href="#" target="_parent">INFOSEG</a></b></font></div>			</td>		  </tr>		</table>	  </div>	</td>  </tr>  <tr> 	<td height="129"background="images/back.gif">	  <div align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="760" height="150">		  <param name=movie value="up.swf">		  <param name=quality value=high>		  <embed src="up.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="760" height="150">		  </embed></object></div>	</td>  </tr>  <tr> 	<td height="15" valign="top"background="images/back.gif"> 	  <div align="center"> 		<table width="760" border="0" cellspacing="0" cellpadding="0">		  <tr> 			<td bgcolor="#0F2C3A" height="15"> 			  <div align="left" style=""><font face="Verdana, Arial, Helvetica, sans-serif" size="1">  <b>FORMULÁRIOS | <a href="#">NUMERADOR</a> 				| VISITANTES | <a href="#" target="_parent">ATUALIZAR CADASTRO</A> | OM/OS | PAUTA | <a href="#">ENDEREÇOS</a> | <a href="#" target="_parent">ADMINISTRAÇÃO</a></b></font></div>			</td>		  </tr>		</table>	  </div>	</td>  </tr>  <tr>	<td height="484" valign="top" >	  <div align="center">		<table width="760" border="0" cellspacing="0" cellpadding="0" height="302" bgcolor="#0F2C3A"><!--809EBD...background="images/main.png"....bgcolor="#0a76a5"-->		  <tr> 			<td width="25%" valign="top"></td>			<td height="9" valign="top"> 			  <!--**********PUBLICACAO CENTRAL DE NOTICIAS*************-->	<table width="100%" border="0" cellspacing="0" cellpadding="0" height="88">				<tr> 				  <td height="19" colspan="2" >  				  </td>				</tr>				<tr>				  <td height="20" colspan="2" >	<p align="center">	<iframe src="../../noticias/<? echo $noticia1; ?>" name="mostra_noticia1" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia1" style="display: none;height: 300px; width: 500px" class="div">	<iframe src="../../noticias/<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div>	</td>				</tr>				<tr> 				  <td width="50%" height="21"> </td>				  <td width="50%" height="21" align="center" class="style1"><a href="../../noticias/<? echo $noticia1; ?>?fundo=ffffff&cor=000000" target="not1"  onClick="fixar('noticia1');"><font color="#d5d2d6"><b><i>leia mais...</i></b></font></a></td>				</tr>				</table>			  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="88">				<tr>				  <td height="20" colspan="2" >	<p align="center">	<iframe src="../../noticias/<? echo $noticia2; ?>" name="mostra_noticia2" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia2" style="display: none;height: 300px; width: 500px" class="div">	<iframe src="../../noticias/<? echo $noticia2; ?>" name="not2" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia2').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div>	</td>				</tr>				<tr> 				  <td width="50%" height="21"> </td>				  <td width="50%" height="21" align="center" class="style1"><a href="../../noticias/<? echo $noticia2; ?>?fundo=ffffff&cor=000000" target="not2"  onClick="fixar('noticia2');"><font color="#d5d2d6"><b><i>leia mais...</i></b></font></a></td>				</tr>				</table>			  <table width="100%" border="0" cellspacing="0" cellpadding="0" height="88">				<tr>				  <td height="20" colspan="2" >	<p align="center">	<iframe src="../../noticias/<? echo $noticia3; ?>" name="mostra_noticia3" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia3" style="display: none;height: 300px; width: 500px" class="div">	<iframe src="../../noticias/<? echo $noticia3; ?>" name="not3" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center"><a href="java script:void(0)" onClick="document.getElementById('noticia3').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div>	</td>				</tr>				<tr> 				  <td width="50%" height="21"> </td>				  <td width="50%" height="21" align="center" class="style1"><a href="../../noticias/<? echo $noticia3; ?>?fundo=ffffff&cor=000000" target="not3"  onClick="fixar('noticia3');"><font color="#d5d2d6"><b><i>leia mais...</i></b></a></font></td>				</tr>				</table>			<td width="25%" valign="top" ><br>			</td>		  </tr>		</table>	  </div>	</td>  </tr></table></body></html>

as var $noticia1,2 3 pegam os nomes da pagina pelo bd....pra você testar, melhor seria se tivesse uma pagina de teste1.php,p.ex...se me permite, to enviando pra poupar seu tempo:

//teste1.php<html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">.style2 {	font-size: 11px;	font-family: Verdana, Arial, Helvetica, sans-serif;}</style></head><body bgcolor="#0F2C3A" topmargin="0"><!--background="../pf/pf/images/main.png" back.gif--><center><table width="96%" border="0" cellspacing="0" class="style2" style="border-collapse:collapse" cellpadding="0">  <tr>	<td bgcolor="#C5C5C5"><div align="center"> 		  <b>CASAL É PRESO COM 14 KG DE PASTA-BASE DE COCAÍNA</b></div></td>  </tr>  <tr >	  <td valign="top" bordercolor="#C5C5C5" style="border-left-style:dashed; border-left-width:1px; border-right-style:dashed; border-right-width:1px; border-bottom-style:dashed; border-bottom-width:1px" bgcolor="#0F2C3A">	  <div align="justify"><br>		<img border="0" src="images/23012007.jpg" width="102" height="77" style="border:1px solid #C5C5C5; " align="left"><font color="#D5D2D6">Policiais 		autuaram em flagrante nesta segunda-feira, 22, o casal R.J.R.S. 		e D.B. R.J. estava sendo procurado desde o dia 1º de janeiro, após ter 		sua prisão preventiva decretada pela Justiça Federal. Eles também foram 		flagrados com 14 quilos de pasta-base de cocaína e 15 mil reais.</font><p align="justify">		<font color="#D5D2D6">Durante a madrugada, quando retornavam de Belém em 		um veículo GM Celta, os dois acabaram abordados por policiais 		rodoviários federais e foram levados até a sede da Polícia Federal. 		Quando os policiais federais realizaram uma revista no veículo, 		encontraram a cocaína e o dinheiro. A droga seria transformada em 		"merla" e estava escondida nos forros das portas e na parte traseira do 		veículo.</font></p>		<p align="justify"><font color="#D5D2D6">Foi realizada, ainda, uma busca 		na casa de D., no bairro do CIV, onde foram encontrados 3 quilos 		de barrilha (produto para limpeza de piscinas), 5 quilos de jornais e 		baldes. A barrilha e os materiais são utilizados na produção de "merla".</font></p>		<p align="justify"><font color="#D5D2D6">A Delegacia de Entorpecentes da 		Polícia Federal já vinha investigando R.J. há mais de dois anos. As 		diligências visando sua prisão foram intensificadas desde o dia 29 de 		dezembro do ano passado, quando dois homens foram presos tentando sair 		da cidade com R$12.000,00, e informaram que tinham recebido essa quantia 		de R.J., por terem trazido, da cidade de Guajará-Mirim/RO (fronteira com 		a Bolívia), vários quilos de cocaína dentro do tanque de combustíveis de 		um veículo GM Monza. </font></p>		<p align="justify"><font color="#D5D2D6">Na ocasião, a PF prendeu outra 		companheira de R.J. e apreendeu outro veículo de propriedade do 		traficante, uma caminhonete Mitsubishi Pajero. As prisões de 		segunda-feira foram comunicadas à Justiça Federal e eles<br>		aguardarão julgamento na prisão.</font><p align="justify">		<font color="#D5D2D6">Fonte: jornal do estado</font></div></td>  </tr></table></center></body></html>

entao eh isso...obrigado pela força!

ronny · Fevereiro 8, 2007

beleza...testei desse jeito mas troquei de lugar window.setTimeout e pagina.style.display = "block"....(div ficava aberta o tempo todo)....

O problema persiste....como falei no inicio o usuario abre a pagina.....se ele rolar a tela e clicar na noticia1, esta deve ser renquadrada de acordo com o centro atual da tela....não eh q ela vai ficar aberta o tempo todo....ele so vai abrir qdo o usuario clicar...e no lugar central da tela....

so pra ter uma ideia do erro que ta acontecendo no codigo, se eu definir o top do div para 0, ele abre no mesmo lugar de sempre:

pagina.style.top = 0;	   //rolY + pgY - (imgY);

sera q expliquei melhor?

deve ser um erro simples mas q ainda nao consegui ver.....

obrigado!

ronny · Fevereiro 8, 2007

beleza....testei mas ainda nao deu certo...continua abrindo errado....thiago, valeu mesmo pela força ...vou colocar o link para abrir numa janela mesmo....abs e obrigado mais uma vez pela atençao do forum!

ronny · Fevereiro 8, 2007

você tem razao thiago..acho q era pq ja tava meio cansado mesmo...mas desistir de uma coisa possivel, jamais!

entao..conseguimos retirar o erro....ou melhor, incluir oq faltava pra funcionar...entao to postando o codigo caso alguem um dia queira usar DIVs ao inves de abrir nova janela...

<html><head><title>noticias</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><STYLE><!--A {text-decoration: none;}A:HOVER {text-decoration: underline;}.div {	position: absolute;	display: none;}--></STYLE><script language="JavaScript" type="text/javascript">// FUNÇÃO PARA ABRIR UM OBJETO SEMPRE NO CENTRO DA TELA, INDEPENDENTE DA ROLAGEMfunction fixar(not) {noticia = document.getElementById(not);var rolX = parseInt(document.body.scrollLeft); // armazenando os valores de rolagem horinzontal da páginavar rolY = parseInt(document.body.scrollTop); // armazenando os valores de rolagem vertical da páginavar pgX = parseInt(document.body.clientWidth); // armazenando a largura da páginavar pgY = parseInt(document.body.clientHeight); // armazenando a altura da páginavar imgX = parseInt(noticia.style.width.substr(0, noticia.style.width.length - 2));// armazenando a largura da imagemvar imgY = parseInt(noticia.style.height.substr(0, noticia.style.height.length - 2));// armazenando a altura da imagemnoticia.style.left = (rolX + pgX - (imgX))/2; //=LEFT:50%posicionando a imagem, horizontalmente, pelo calculo: rolagem_horizontal + largura_da_pagina - (largura_da_imagem)noticia.style.top = 6.5*(rolY + pgY - (imgY))/10; //=TOP:65%(ou outra porcentagem desejada)posicionando a imagem, verticalmente, pelo calculo: rolagem_vertical + altura_da_pagina - (altura_da_imagem + barra_de_copyright)window.setTimeout("fixar('" + not + "')",100); // atualizando os valores a cada 100 milésimos de segundonoticia.style.display = "block";}</script></head><body>...<!--**********PUBLICACAO CENTRAL DE NOTICIAS*************--><iframe src="<? echo $noticia1; ?>" name="mostra_noticia1" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia1" style="height: 300px; width: 500px" class="div">	<iframe src="<? echo $noticia1; ?>" name="not1" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center"style="background: #f3f3f3;"><a href="java script:void(0)" onClick="document.getElementById('noticia1').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div><a href="<? echo $noticia1" target="not1"  onClick="fixar('noticia1');"><font color="#d5d2d6"><b><i>leia mais...</i></b></font></a><iframe src="<? echo $noticia2; ?>" name="mostra_noticia2" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia2" style="display: none;height: 300px; width: 500px" class="div">	<iframe src="../../noticias/<? echo $noticia2; ?>" name="not2" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center"style="background: #f3f3f3;"><a href="java script:void(0)" onClick="document.getElementById('noticia2').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div><a href="<? echo $noticia2; ?>" target="not2"  onClick="fixar('noticia2');"><font color="#d5d2d6"><b><i>leia mais...</i></b></font></a><iframe src="<? echo $noticia3; ?>" name="mostra_noticia3" frameborder=0 width="380" height="130" scrolling="no"></iframe>	<div id="noticia3" style="display: none;height: 300px; width: 500px" class="div">	<iframe src="../../noticias/<? echo $noticia3; ?>" name="not3" frameborder=0 width="500" height="300" scrolling="auto"></iframe>	<div align="center" style="background: #f3f3f3;"><a href="java script:void(0)" onClick="document.getElementById('noticia3').style.display = 'none';"><font color="#0000ff">fechar</font></a></div>	</div><a href="<? echo $noticia3;?> target="not3"  onClick="fixar('noticia3');"><font color="#d5d2d6"><b><i>leia mais...</i></b></a> </body></html>

com essa configuracao o usuario pode rolar a tela a vontade e quando clicar no link desejado ele abrira o DIV no centro da tela....usei 65% pq achei melhor para se enquadar nas resolucoes de 800x600 e 1024x768....

entao eh isso pessoal..+ 1 vez , obrigado pelo apoio...

Arquivado

definir posição do DIV para cada resolucao da tela

Recommended Posts

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ronny 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante