Fundo ajustavel ao tamanho do monitor
Olá pessoal,
Estou com um problema.
Preciso montar um site onde a pessoa quer colocar um fundo ajustavel ao monitor. Eu não sou programador, trabalho mais com criação. Enfim, achei um codigo na net que funcionou, deixou o tal fundo nos conformes.
Porém se eu tento colocar uma div sobreposto a ele, ou até mesmo uma tabela - ambas para eu adicionar o conteudo do site, tanto um como outra ficam ocultas, ou seja, fica atrás do tal fundo fluido. Fiquei horas tentando achar o codigo que mudasse isso mas nao encontrei, por isso estou aqui pedindo um help a quem saiba resolver.
O codigo que possuo é este:
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:150px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
</style>
<body>
<div>
<img id="background" src="suaimagem.jpg" alt="" title="" />
</div>
Alguem sabe aonde está o X da questao do porque todo div ou tabela que tento adicionar fica atrás deste conteudo, impossibilitando de eu criar o conteudo?
mto obrigado pessoal =)
Discussão (1)
Carregando comentários...