[Resolvido] Banner - Posição de DIV

[Flávio Milan 0]

Caros amigos, fiz um banner expansivo

e de forma alguma eu nao conseguia fazer com que sobreponha

o conteudo da minha pagina

a unica solução que encontrei foi criar um script e ajustar ele

na lateral da minha pagina, porem, quando alterado a resolução

do monitor ele sai no centro da pagina

 

por favor. como faço para que ele se auto ajuste na lateral de minha pagina

 

este é o script

 

<style>
.banner {
    position: absolute;
    left: 520px;
    top: 400px;
    height: 468px;
    width: 280px;
}
</style>

Desde ja muito obrigado

[William Bruno 1501]

Atenção:

Este subfórum é destinado apenas para postagem de sites criados nos padrões W3C para críticas e comentários.

Não é permitido a abertura de tópicos com dúvidas. Para isso, use o Fórum de Webstandards.

Tópico Movido.

 

Para fazer com que ele se sobreponha ao resto, você pode trabalhar com o z-index dos elementos. Dando um valor maior dessa propriedade pra o banner, que no caso deve ficar em cima dos outros.

Não entendi oque você quis dizer com: "auto ajuste".

 

No caso, você pretende centralizar ele? independente da resolução?

pode usar o seguinte:

  position: absolute;
  left: 50%;
  width: 280px;
  margin-left: -140px; /* metade do width do elemento */

[Flávio Milan 0]

Muito obrigado pela resposta William e desculpe por postar no lugar errado

Sou novato no forum e estou pegando as manhas ainda :P

 

 

Meu caro, este banner expansivo ficara no lado direito da minha pagina

onde existe uma div.

 

seria div lado_direito destinada a banners

criei este banner e fiz com que ele ficasse la com o script que descrevi

porem alterada a resolução ele invade o meio da pagina

gostaria de saber o que poderia ser feito

 

vou fornecer todo o script da div

 

<div id="lateral_direita">
    	<style>
.banner {
    position: absolute;
    left: 520px;
    top: 400px;
    height: 468px;
    width: 280px;
}
</style>   
        <div class="banner"><script language="javascript">
	if (AC_FL_RunContent == 0) {
		alert("This page requires AC_RunActiveContent.js.");
	} else {
		AC_FL_RunContent(
			'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
			'width', '468',
			'height', '280',
			'src', 'banner_lateral',
			'quality', 'high',
			'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			'align', 'middle',
			'play', 'true',
			'loop', 'true',
			'scale', 'showall',
			'wmode', 'transparent',
			'devicefont', 'false',
			'id', 'banner_lateral',
			'bgcolor', '#ffffff',
			'name', 'banner_lateral',
			'menu', 'true',
			'allowFullScreen', 'false',
			'allowScriptAccess','sameDomain',
			'movie', 'banner_lateral',
			'salign', ''
			); //end AC code
	}
</script>
<noscript>
	<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="468" height="280" id="banner_lateral" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="allowFullScreen" value="false" />
	<param name="movie" value="banner_lateral.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />	<embed src="banner_lateral.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="468" height="280" name="banner_lateral" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</noscript></div>
    </div>

a pagina pode ser acessada por

 

http://www.3dinfoshop.com

 

Desde ja grato!

[Thiago Retondar 18]

Não apareceu nenhum SWF aqui.

 

O seu código está um pouco sujo, tente limpar ele um pouco. ;)

[Flávio Milan 0]

Não apareceu nenhum SWF aqui.

 

O seu código está um pouco sujo, tente limpar ele um pouco. ;)

 

Entao amigo, realmente estava um pouco sujo, fiz uma boa limpeza no codigo

estou tentando deixar o meu banner na parte direita, mas que conforme a resoluçao

ele permaneça no mesmo lugar, tentei varios scripts JS, mas quano alterava a resoluçao

ele nao permanecia no lugar escolhido.

 

alguem tiver alguma ideia de como pode ser feito, ficaria muito grato

 

forte abraço!

[William Bruno 1501]

você precisa mudar o contexto de posicionamento do banner.

Coloque um position: relative, no elemento que contém ele. Assim o absolute do banner, vai começar a apartir desse elemento, e não do body do documento. Por isso que "estava mudando de lugar", conforme a resolução.

[Flávio Milan 0]

Perguntar em um lugar onde as pessoas sabem o que falam

é a melhor coisa que existe

 

Muito obrigado amigos, fiz o que foi falad

 

   <STYLE type=text/css>
.hax{ 
position:absolute; 
width: 468px;  
height: 280px;  
top: 50%;  
left: 50%; 
margin: -510px 0 0 -420px;

}
</STYLE>
    <div id="lateral_direita">
       <div class="hax" style="position:relative">

e agora esta 100%

 

Muito obrigado a todos

 

Forte abraço