Sobreposição de Div CSS

[Lididalferro 0]

Pessoal,

estou desenvolvendo um site em html, css e flash.

Tenho uma div que recebe um swf que ocupa 100% da largura da tela e uma div que a sobrepõe, que recebe o menu.

O problema é o seguinte:

quando altero a resolução da tela, todo conteúdo tb se altera, porém, as fontes do menu da tela não.

Estou usando fonte: 90%. Outro detalhe, não estou conseguindo alinhar os links do menu e a div também não permanece na posição desejada.

O link que se encontra meu arquivo é:

http://www.duettocomunicacao.com/Lidiane/Vbma/teste.html

 

e estou testando as resoluções de tela no site:

http://viewlike.us/

 

Alguém sabe o que estou fazendo de errado?

[Evandro Oliveira 331]

As fontes precisam de um valor base para terem sua porcentagem calculada.

 

Se você indica que uma fonte vai medir 90%, o navegador entende que ela mede 90% do valor do elemento pai, assim por diante até o elemento body onde cada navegador tem um tamanho padrão de fonte o que pode causar diferenças ainda que sutis.

 

Acontece que, ao visualizar um site em 800x600 ou 1024x768, se o navegador assumir que a fonte inicial mede 14px, ela vai medir 14px relativos à resolução do dispositivo.

 

Sugiro que defina uma porcentagem da fonte para 87% no body e trabalhe os outros elementos em em baseando-se em décimos de pixel

 

Por exemplo, no menu, quero que a fonte tenha aproximadamente 16px

#menu { font-size: 1.6em; }

[Lididalferro 0]

Evandro,

quanto a fonte, deu certo, o problema agora está na div flutuante, que, quando a tela é redimensionada, ela não permanece na posição desejada.

Veja no link:

http://www.duettocomunicacao.com/Lidiane/Vbma/teste.html

[Evandro Oliveira 331]

Falta um CSS Reset e procure fazer o posicionamento com Float, Margin e Padding ao invés de Position.

 

Não precisa de tanto hack assim.