Ir para conteúdo
Fórum Script Brasil
  • 0

Posição da DIV

marvi

Perguntado por marvi,

 Share

Pergunta

marvi

marvi

Postado
Postado

Olá pessoal,

Eu tenho uma DIV que fica com um pequeno swf no lado direito do meu site e ele funciona tanto na resolução pequena como 800x600, ele se ajusta. Mas isso só funciona no Internet Explorer, pois no Firefox ele só fica correto com a resolução pequena, com a resolução 800x600 ele fica torto, o site se ajusta e ele não, ele continua no mesmo lugar e acaba fazendo barra de rolagem horizontal, mas só no FF, no IE fica ok!

Veja a linha: 

<div style="position:absolute; margin-top: 230px; margin-left: 740px; *margin-top: 230px; *margin-left: 515px;">
Codigo completo 
<div style="position:absolute; margin-top: 230px; margin-left: 740px; *margin-top: 230px; *margin-left: 515px;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="topo" align="middle" height="275" width="255">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="imagens/flash.swf">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="imagens/flash.swf" quality="high" name="topo" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" wmode='transparent' pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="275" width="255"></object>
</div>

No IE ele roda na boa em toda as resolução, se ajusta, mas o firefox não, no FF só funciona com resolução pequena, como resolver isso?

Obrigado!

Marcelo

Link para o comentário
Compartilhar em outros sites

16 respostass a esta questão

Posts Recomendados

  • 0
Ricardo Amancio

Ricardo Amancio

Postado
Postado

marvi,

se sua intenção é deixar ele fixo do lado direito, lá na borda do navegador, substitua:

<div style="position:absolute; margin-top: 230px; margin-left: 740px; *margin-top: 230px; *margin-left: 515px;">
por 
<div style="position: absolute;  margin-top: 230px;  background-color: #3366ff;  height: 275px;  width: 255px;  [color="#FF0000"]right: 0px;[/color]">

a parte vermelha indica que o <div> deve ficar a 0px da extremidade direita do navegador.

se esta <div> estivesse dentro de outra coisa como uma <table> ou outra <div>, ele seria alinha a estrema direita deste outro recipiente...

sacou?

espero ter ajudado...

sucesso...

Link para o comentário
Compartilhar em outros sites
  • 0
marvi

marvi

Postado
  • Autor
Postado

Não resolveu, substitui como você falou e ele foi para esquerda de vez na resolução 800x600, ele tinha que ficar na direita mas na mesma posição precisa em cima da pagina que ele fica quando está em uma resolução menor, entende? Nesse caso ele correu para esquerda do navegador, não serviu...

Na verdade ao tirar esse margin-left: 740px; dos comandos ele corre automaticamente para esquerda em qualquer resolução e quando coloca esse comando margin-left: 740px; ele só corre para esquerda quando a resolução fica 800x600. Faça um teste!

Preciso de algo que se comporte na duas resoluções no firefox.

Link para o comentário
Compartilhar em outros sites
  • 0
kuroi

kuroi

Postado
Postado

marvi, testei aqui e funcionou tanto no firefox quanto no ie, só com a margin de 515, sem as hacks.

de uma olhada, o codigo todo ficou simplesmente assim:

<html>
    <head></head>
    <body>
        <div style="border: 1px solid #000000; height: 275px; width: 255px; position:absolute; background-color: #000000; margin-top: 230px; margin-left: 515px;"></div>
    </body>
</html>[/code]
e funcionou certinho, nas duas resolucoes, nos dois navegadores, não aparece barra de rolagem não.
Link para o comentário
Compartilhar em outros sites
  • 0
Ricardo Amancio

Ricardo Amancio

Postado
Postado (editado)

marvi,

acho que sei o porque foi para esquerda.

no cod q passei inseri uma formatação de cor dentro do cod, mas como coloquei dentro da tag [cod] a cor vermelha não entrou, invés disso apareceu 

[color=#FF0000]right: 0px;[/color]

.

muito bem aqui está o cod novamente.

<!-- INÍCIO -->

<div style="position: absolute; margin-top: 230px; background-color: #3366ff; height: 275px; width: 255px; right: 0px;">

<!-- FIM -->

a parte vermelha indica que o <div> deve ficar a 0px da extremidade direita do navegador.

pode usar que funiona colando a direita da tela, se invés de 0px você colocar 10px, ele fica a 10px da lateral direita da tela.

abraço...

Editado por Ricardo Amancio
Link para o comentário
Compartilhar em outros sites
  • 0
marvi

marvi

Postado
  • Autor
Postado (editado)

Ricardo Amancio, no seu o IE da erro, ele fica com mesmo problema, na pequena resolução ele fica no lugar, quando coloca 800x600 ele fica torto de novo....

E Kuroi, seu div deixou ele torto la pra cima na esquerda....

Não sei se é esse negocio de FireFox, po é fogo! já testei as meneiras e dão erro aqui!

Vou ficar funçando aqui, se não resolver, posso fazer nada para firefox... O IE ta normal, o site todo ta bem feito no firefox e no IE, só essa div que da pau no Firefox...

Editado por marvi
Link para o comentário
Compartilhar em outros sites
  • 0
kuroi

kuroi

Postado
Postado

marvi, então tenta por essa div dentro da sua primeira table q ta dentro da div teste, com margin-left 515px, sem hacks. tipo o codigo ficaria assim:

...
...
<body background="imagens/ideiaplano.jpg" topmargin="0" leftmargin="0" bgcolor="#968665" bgproperties="fixed">

<div id="teste">
<table align=center border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="779" id="AutoNumber1">
  <tr>
    <td width="100%" background="imagens/fundo.png">
<div style="position:absolute; margin-top: 230px; margin-left: 515px;">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','id','topo','align','middle','height','275','width','255','src','imagens/ideiabiz1','quality','high','name','topo','allowscriptaccess','sameDomain','wmode','transparent','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','imagens/ideiabiz1','menu','false' ); //end AC code
</script><noscript>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="topo" align="middle" height="275" width="255">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="imagens/ideiabiz1.swf">
<param name="menu" value="false">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<embed src="imagens/ideiabiz1.swf" quality="high" name="topo" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" wmode='transparent' pluginspage="http://www.macromedia.com/go/getflashplayer" align="center" height="275" width="255"></object></noscript>
</div>

    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="477">
....
....[/code]
porque ai ele vai ter como referencia o inicio da tabela pra por a margin. ele tava dando problema porque a referencia antes era o inicio da pagina, e isso muda de acordo com a resolucao.
caso não funcione, tenta por na table debaixo no primeiro td.
só pra comentar, da uma olhada nesse codigo q ele ta estranho. como você tem dois heads e dois bodys??
Link para o comentário
Compartilhar em outros sites
  • 0
Ricardo Amancio

Ricardo Amancio

Postado
Postado

marvi, agora que ví seu site entendi o que você quer fazer, tá aqui:

<!-- INÍCIO -->

<div style=" margin-top: 230px; height: 275px; width: 255px; left: 50%; margin-left: 134px; position: absolute;">

<!-- FIM -->

Agora deve estar do modo que você quer.

testa ae...

sugiro você diminuir um pouco a largura da sua tabela, alguns pxs porque está dando uma barra mínima no 800x600...

o layout ficou bem legal...

sucesso...

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...