estou com um site onde não preence a parte vertical do site
o mesmo foi feito com css
o mesmo preenche a tela no topo e nas laterais so embaixo fica uma parte
http://sindvel.org.br/
como resolver
segue o fonte para analise e correcao da possivel falha
<!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">
<head>
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1" />
<title>::.SINDVEL CASCAVEL- PR.::</title>
<style>
body {
margin:0px;
background-color: #cccccc;
font-family:"Trebuchet MS", Tahoma, Arial, Verdana;
font-size:12px;
color:#000;
}
#todo {
position: absolute;
width: 98%;
border: 1px solid black;
margin: auto;
background-color: white;
}
#topo {
position: relative;
width: 100%;
height: 100px;
border: 2px solid red;
}
#meio {
position: relative;
width: 100%;
min-height: 400px;
background-color: #eeeeee;
}
#rodape {
width: 100%;
height: 75px;
border: 2px solid brown;
}
#esquerda {
float: left;
width: 150px;
min-height: 400px;
border: 2px solid green;
}
#miolo {
float: left;
width: 70%;
min-height: 395px;
max-height: 100%
border: 2px solid blue;
}
#direita {
float: right;
width: 150px;
min-height: 400px;
border: 2px solid yellow;
}
#menu {
width: 150px;
height: 400px;
}
.itemMenu {
width: 140px;
height: 21px;
background-color: lightyellow;
padding: 3px 0px 0px 10px;
border-bottom: 1px solid black;
}
#logo {
float: left;
width: 150px;
height: 100px;
text-align: center;
background-color: #cccccc;
margin-right: 20px;
}
.secao_miolo {
width: 98%;
height: 98%;
text-align: center;
background-color: #cccccc;
margin: 2px 5px 4px 5px;
}
.secao_direita {
width: 140px;
height: 100px;
text-align: center;
background-color: #cccccc;
margin: 4px 5px 4px 5px;
}
#rodape_direita {
float: right;
width: 200px;
text-align: right;
margin: 5px 10px 0px 0px
}
#rodape_direita a{color: #cc6600; text-decoration: none;}
#rodape_direita a:hover{color: #cc6600; text-decoration: underline;}
</style>
</head>
<body>
<div id="todo">
<div id="topo">
<div id="logo"><h3>
<script language="JavaScript">
function abrir(URL) {
var width = 300;
var height = 60;
var left = 99;
var top = 99;
window.open(URL,'janela', 'width='+width+', height='+height+', top='+top+', left='+left+', scrollbars=yes, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');
}
</script>
<a href="javascript:abrir('http://www.sindvel.org.br/player_sindvel/player.html');">Ouça a rádio Sindvel</a><br />
</h3>
</div>
<iframe allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://www.cptec.inpe.br/widget/widget.php?p=1387&w=n&c=748ccc&f=ffffff" height="46px" width="290px"></iframe>
<iframe allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://www.sindvel.org.br/date.htm" height="46px" width="310px"></iframe>
<iframe allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://www.sindvel.org.br/time.htm" height="46px" width="290px"></iframe>
</div>
<div id="meio">
<div id="esquerda">
<div id="menu direita">
<div class="itemMenu"><a href="http://www.sindvel.org.br">Home</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/historia.htm">Historia</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/diretoria.htm">Diretoria</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/legislacao.htm">Legislacao</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/homologacao.htm">Homologação</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/filiacao.htm">Filiação</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/contato.htm">Contato</a></div>
</div>
</div>
<div id="miolo">
<img src="img/sindfundo2.jpg" width="98%" height="465" /></div>
<div id="esquerda">
<div class="itemMenu"><a href="http://www.sindvel.org.br/profissao.htm">A Profição</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/tabsalario.htm">Tabela Salarial</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/conv.coletivas.htm">Convenções Coletivas</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/agenda.htm">Agenda do Presidente</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/empresa_regularizada.htm">Empresas Regularizadas</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/escolas.htm">Escolas de Formação</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/informativo.htm">Informativos</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/beneficios.htm">Benefícios</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/noticias.htm">Notícias</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/fotos.htm">Fotos</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/artigos.htm">Artigos</a></div>
<div class="itemMenu"><a href="http://www.sindvel.org.br/link.htm">Links Indicados</a></div>
</div>
<div style="clear: both;"></div>
</div>
<div id="rodape">
<div id="rodape_direita">
Rua Maranhao No 3239<br/>
Cascavel - PR - CEP: 85.805-220<br/>
Email:sindvel@ibest.com.br</div>
</div>
</div>
</body>
</html>
so o rodape não desse
