[Resolvido] Problemas com div.
ae galera to com um problema no meu site aki.
HTMl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vibe Mogi.</title>
<link href="estilo.css" rel="stylesheet" type="text/css"/>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body>
<div id="geral">
<div id="banner">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="770" height="110" id="FlashID" title="banner">
<param name="movie" value="images/banner.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="images/banner.swf" width="770" height="110">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="[http://www.adobe.com/go/getflashplayer">CSS
/Margem 0 para todo o site/
* {margin:0; padding:0;}
/Imagens borda/
img {border:0;}
/Cor do fundo borda etc/
body {
background-image:url(images/fundo.jpg);
font-family:Arial, Helvetica, sans-serif;
text-align:center;}/Formatacao/
/Estrutura/
#geral {
width:770px;
height:auto;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;}
#banner {
width:770px;
height:110px; }/Menu/
#menu {
width:770px;
text-align:center;
height:32px;
background-image:url(images/menu.jpg);
font-size:19px}#menu ul {
list-style-type:none;
float:left;
}#menu ul li {
display:inline;}
#menu ul li a {
padding:2px 24px;
float:left;
text-decoration:none;
color:#fff;
border-left:1px solid #444}#menu ul li a:hover {
color:#800;}
/Conteudo/
#conteudo {
width:770px;
height:auto;}
.esq_top{
width:627px;
height:10px;
float:left;
background-image:url(images/esq_top.jpg);}
.dir_top{
width:143px;
height:10px;
float:right;
background-image:url(images/dir_top.jpg);}
.conteudo{
width:627px;
height:auto;
float:left;
background-image:url(images/conteudo.jpg);}
.parceiros{
width:143px;
height:auto;
float:right;
background-image:url(images/parceiros.jpg);}
.esq_bai{
width:627px;
height:16px;
float:left;
background-image:url(images/esq_bai.jpg);}
.dir_bai{
width:143px;
height:16px;
float:right;
background-image:url(images/dir_bai.jpg);}/rodape/
#rodape {
width:770px;
height:39px;
background-image:url(images/rodape.jpg);
background-repeat:no-repeat;}
#rodape_bai{
width:770px;
height:61px;
background-image:url(images/rodape1.jpg);
background-repeat:no-repeat;
font-size:12px;
color:#444;
padding:15px 0px 0px;}entao o problema ta na div class do conteudo, eu coloquei automatico pra quando eu colocar algum conteudo ela aumentar e diminuir conforme colocar o conteudo,
so q quando eu coloco alguma coisa a div class do conteudo passa por cima da div id do rodape alguem pode me ajudar.
obrigado
Discussão (3)
Carregando comentários...