quando coloco position relative

[quinhosp]

Boa dia gente!

Quando insiro uma imagem pelo css, e defino o div como relative a imagem some

porque será?

#geral2

{

position: relative;

width: 1000px;

top: 1px;

background: url(img/nome.jpg);

background-repeat:repeat-y;

background-position: right;

}

[Matheus Matos]

Só com essa informação não dá pra saber, poste o código HTML e o CSS que define os estilos desta área do código.

Mas pelo que vi, colocou uma imagem dentro do div? Por quê? Não era mais facil definir o id diretamente na imagem? ;)

[quinhosp]

Editado Março 31, 2010 por quinhosp

[Matheus Matos]

Você tem que utilizar float, e não position.

Para saber mais sobre float, leia este artigo.

Seria o div geral com position normal, caso queira centralizá-lo na página, defina absolute, 50% de left e menos a metade do width como margin-left, assim:

#geral {
position: absolute;
width: 960px; left: 50%;
margin-left: -480px; /* Metade de 960 */
}

Aí no restante, tens que utilizar float, assim:

#topo {
float: left;
width: 960px;
}

#geral2 {
float: left;
width: 960px;
}

#esquerdo {
float: left;
width: 250px;
}

#centro {
float: left;
margin-left: 10px;
width: 700px;
}

#rodape {
float: left;
width: 250px;
}

Fácil fácil, lembre-se de utilizar o float, apenas com eles os elementos vão fluir pela página, com o position, ele vai perder o fluxo dos elementos, menos o position static que é o padrão então não faz diferença.

Abraços!