• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

joxnas

div agindo como inexistente. diferença entre dreamweaver e firefox :S

6 mensagens neste tópico

ok, isto é o problema:

tenho um site que no dreamweaver se apresenta bem, mas no firefox e IE (e possivelmente no resto dos browsers) age como se não existisse uma div ( chamada meio) que contém a textura do fundo da parte central do site.

vejam a imagem:

http://img254.imageshack.us/img254/2012/problemagerespa8.jpg

.

A pasta  zipada com todos os ficheiros está aqui:

http://www.2shared.com/file/3913454/6fc96aac/site.html

O ficheiro css tem o nome de geresazul.css

a div em questão é esta:

#meio{

position:relative;

margin-top:0px;

background-image:url(bgmeio.png);

background-repeat:repeat-y;

}

agradecia se me ajudassem o mais rápido possível..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

percebeste ou nao percebeste?

se nao percebeste , o que se passa é que no dreamweaver o site aparece direito como eu quero, e segue a minha lógica do mundo do css. Mas nos broswers nao aparece direito: aparentemente parece que a div meio (que contem a textura de duas barras de lado e no meio cinzento sólido(e nao de pontinhos cinzentos como no bg)) deixa de existir, ainda que todo o conteudo do site, esteja dentro dela e continue a aparecer! [repara nas setas na imagem da esquerda e depois olha para o memso sitio na imagem da direita]

e agora reparei que se adicionar, no html do index, ao fim de terminar a div footer, uma palavra que ocupe uns 3caracteres, a textura contida na div "meio" ja aparece por baixo...

e ...

a propriedade border nao altera nada..

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Hey Chief!

Duas coisas:

- no ficheiro index.html deves inserir a seguinte linha:

</div><!--footer-->
<div style="clear:both"></div> <!-- Hack para funcionar no FF e Opera -->
</div><!--meio-->

- no ficheiro geresazul.css alteras o seguinte:

#meio{
   position:relative;
   margin-top:0px;
   background-image:url(bgmeio.png);
   background-repeat:repeat-y;
   height:100%; /* Hack para funcionar no IE */
}

Cheers!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora