Posição da DIV

[marvi 0]

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

[wills 0]

cara, essa posição absoluta é onde pode estar errado.

 

ele entende que essa div deve estar à 740px da margem left...

 

tente não usar posição ou tente relative...

[marvi 0]

Isso já fiz, tirei e ja coloquei relative, ele fica todo torto, o site fica la em baixo e ele la emcima com espaço em branco e quando regulo o site volta pro lugar e ele some pra entro do navegador, quando coloco de volta o absolute ele fica ok, mas peca na resolução... Ele fica empurrando a tabela mãe pra baixo e ele fica no topo, não da...

[Giovani 104]

Leia esses artigos sobre posicionamento, acho que vai ajudar bastante.

http://forum.imasters.com.br/index.php...st&p=454595

 

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

[marvi 0]

Eu já tinha visto este artigo... mas não sou fera nisso, to apredendo ainda, e nao usei CSS, perceba que está tudo configurado direto na DIV... Acho que pode ser a position absolute e tal, mas ja mudei isso e deu erro... Só esse FireFox que ta dando dor de cabeça, os outros estão ok!

[marvi 0]

Ninguem tem uma solução???

[William Bruno 1501]

Não tem um link do site?

Eu não costumo trabalhar com flash.. fiquei meio perdido.

 

Esses (*, nas declarações)

*margin-top: 230px; *margin-left: 515px;"

são hacks neh?!

[marvi 0]

Não, isso é para IE 7 reconhecer e quando nao tem * é para outros navegadore como firefox e tal...

[Giovani 104]

Se postar um link fica bem mais fácil http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[programador php 0]

dicassss!

 

evite estilos inline!!!

 

baixe uma extensão chamada firebug para o FF

 

dê uma fuçada nela, te ajudará muito

 

quando possível poste links

 

abraço

[WillianAndrade 0]

cara

eu acho que o que faltou ai foi o que ira posicionar seu elemento

 

tente declarar

 

 

seletor {

position:absolute;

top:tantospx;

left:tantospx;

}

 

retire as margens se não forem necessárias

 

e lembre-se:

 

USE HACKS SOMENTE SE PRECISO !

não use para algo que pode ser solucionado facilmente

 

 

obs: pelo amor de Deus, não vai colocar 'tantospx' no seu css hein ! rsrsrsrs, significa que você coloca quantos px você irá precisar

 

 

 

abraço

[marvi 0]

Mas a delcaração foi feita! O site é www.ideiabiz.com e o flash na esquerda chamado Arte Web é que é o problema no FF, confira!

[William Bruno 1501]

Bom.. na verdade.. agora olhando o site..

não seria melhor alinhar essa DIV do flash apartir da DIREITA?

 

Porque, se o negócio tá na DIREITA, pq fazer uma margem gigantesca na ESQUERDA?

E oque que causa as diferenças do IE pro FF é o seguinte:

margin-left: 740px;  *margin-left: 515px;

São valores diferentes, portanto posicionamentos diferentes.

E outra, algum erro na ordem de declaração dessa DIV, ta fazendo o

 

FF alinhar ela apartir da Margem Esquerda da viewport(por isso cria todo o espaço na direita, e a barra de rolagem horizontal, na resolução 800x600),

 

e no IE está posicionando apartir do Corpo do documento mesmo.. por isso que fica certo em ambas as resoluções.

 

É importante notar as hierarquias... você está declarando algo com posicionamento Absoluto, mas absoluto em referência à quem?

Como ja disseram, EVITE usar hacks, só se for realmente MUITO necessário. Posicione com os valores top, left, bottom, e right, e não com margins.

 

 

Dei uma revisada por cima no código.. e preste atenção para os seguintes detalhes:

 

você abriu e fexou 2 vezes as tags: <head> e <title>(acredito que seja por causa dos "includes" das páginas)

O teu CSS, está dentro de cada elemento, isso não é muito usual.. nem recomendado.. fazer da folha de estilos um arquivo externo ou até mesmo declarar dentro de um <style></style> no <head> seria MUITO melhor..

Não é nem um pouco Webstandard, o uso de tabelas para construção do Layout como você fez.

 

Pra mim, essas coisas são erros do teu gerador de código HTML: FrontPage 5.0. Por isso que digo que o melhor editor é o Bloco de Notas!

[marvi 0]

Resolve o problema! A solução é essa:

 

<!-- INÍCIO -->

 

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

 

<!-- FIM -->

 

Obrigado a todos!

 

Marcelo

[brcontainer 16]

EVITE estilos INLINE como o programado php disse:

aconselhaveu fazer assim:

#MID{
margin-top: 230px;
height: 275px;
width: 255px;
left: 50%;
margin-left: 134px;
position: absolute;
}

<div id="MID"></div>

mas que bom mesmo assim que conseguiu resolver seu problema

falow abraço