Help
Sou novato na área de web-design, sei que é uma dúvida que MUITOS tem mas já tentei (quase) todos os jeitos que postaram aqui e nenhum deu certo até então. O Z-index simplesmente não funciona ou eu não estou sabendo aplicar.
Simples (ou não): Estou tentando colocar a DIV conteudo sobre a DIV header, aqui vai o código HTML e CSS
HTML - body
<body>
<div id="tudo">
<div id="header">
<div id="logo1"> </div>
<div id="logo2" align="center"> </div>
<div id="logo3" > </div>
<div style="clear:both"> </div>
<div class="form">
<form name="form1" method="post" action="">
<input onblur="if(this.value=='')this.value='';"
style="BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 150px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; position:static name="email">
</form></div></div>
<div class="form2">
<form name="form2" method="post" action="">
<input type="password"
style="BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 150px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 15px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px; position:static name=" onblur="if(this.value=='')this.value='';"senha">
</form></div>
<div id="conteudo">
<div id="lateral"></div>
<span class="form3"><a href="http://globo.com"><img src="butaon.gif" width="67" height="19" /> </a></span> </div>
</div>
</body>CSS
@charset "utf-8";
/* CSS Document */
body{
background-image:url(Page%201_r1_c2_s1.jpg);
background-repeat:repeat-x;
}
#tudo{
width:1000px;
height:800px;
}
.logo{
width:288px;
height:123px;
float:left;
position:absolute;
top:31px;
left:156px;
}
#logo1{
background-image:url(../Page%201_r1_c1_s1.png);
width:435px;
height:244px;
float:left;
}
#logo2{
background-image:url(../Page%201_r1_c2_s1.png);
width:39px;
height:244px;
float:left;
position:absolute;
left: 599px;
}
#logo3{
background-image:url(../Page%201_s1.png);
width:216px;
height:244px;
float:right;
}
.form{
width:111px;
height:15px;
float:right;
position:absolute;
top:84px;
left:839px;
}
.form2{
width:111px;
height:15px;
float:right;
position:absolute;
top:111px;
left:839px;
}
.form3{
width:60px;
height:16px;
float:right;
position:absolute;
top:-197px;
left:917px;
}
#header{
width:1000px;
height:244px;
}
#conteudo{
width:1000px;
height:556px;
position: relative;
z-index:50;
}
#lateral{
width:200px;
height:555px;
float:right;
}
