Ir para conteúdo
Fórum Script Brasil
  • 0

help

odiar jose

Perguntado por odiar jose,

 Share

Pergunta

odiar jose

odiar jose

Postado
Postado

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">
<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>
</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&ccedil;&atilde;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&ccedil;&otilde;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&ccedil;&atilde;o</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

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      652k
×
×
  • Criar Novo...