Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rodrigo_mcd

Topo e rodape com espaço do Navegador

Por , em Desenvolvimento frontend

Recommended Posts

rodrigo_mcd    0

rodrigo_mcd
Postado

Estou criando um site e o rodape esta com um espaço com o navegador. O topo tbm estava mas consegui resolver colocando este codigo na parte HTML: 

<div style="position: relative; top: -10px;">

 

Mas o rodape continua com um espaço.

O que poderia ser?

 

Obs.: Já usei Reset no CSS

 

Link do site: colegiomilitar.rodrigomacedo.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

brunosk2    0

brunosk2
Postado

Na div #rodape, você muda o height pra 110px.

Ainda vai sobra um poco de margem no rodape, cara poe da div topo até a div rodape em uma div pai, e alinha a div pai, com float, acho que resolve.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Gyn    0

Fernando Gyn
Postado

Coloca esse 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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Colégio da Polícia Militar de Goiás - Polivalente Modelo Vasco dos Reis</title> 
<link href="css/style.css" rel="stylesheet" type="text/css" /> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script> 
<script type='text/javascript'>
</script> 


</head> 


<body > 

<!-- Início do site --> 
<div id="topo"><!-- Topo do site --> 
<img src="imagens/topo_site.png" border="0"/> 
</div><!-- Fim --> 
<div id="faixa_menu"> 
<div id="espaco"> 
</div> 
	<div id="menu"><!-- Menu do site --> 
	<ul id='topnav'> 

<li><a href='seu-link-aqui'>Home</a></li> 
<li><a href='seu-link-aqui'>O Colégio</a></li> 
<li><a href='seu-link-aqui'>Regulamentos ↓</a> 
      <!--Submenu inicio--> 
       <span> 
           <a href='seu-link-aqui'>Uniforme</a> |
           <a href='seu-link-aqui'>Continência</a> |
           <a href='seu-link-aqui'>diretrizes</a> 
       </span> 
       <!--Submenu fim--> 
   </li> 
<li><a href='seu-link-aqui'>Administração</a></li> 
<li><a href='seu-link-aqui'>Professores ↓</a> 
      <!--Submenu inicio--> 
       <span> 
           <a href='seu-link-aqui'>Matutino</a> |
           <a href='seu-link-aqui'>Vespertino</a> 
       </span> 
       <!--Submenu fim--> 
  </li> 
<li><a href='seu-link-aqui'>Aluno ↓</a> 
      <!--Submenu inicio--> 
       <span> 
           <a href='seu-link-aqui'>Quadro de horários</a> |
           <a href='seu-link-aqui'>Vestibulando</a> 
       </span> 
       <!--Submenu fim--> 
  </li> 

<li><a href='seu-link-aqui'>Multimidia ↓</a> 
      <!--Submenu inicio--> 
       <span> 
           <a href='seu-link-aqui'>Galeria de Fotos</a> |
           <a href='seu-link-aqui'>Galeria de Vídeos</a> 
       </span> 
       <!--Submenu fim--> 
  </li> 
<li><a href='seu-link-aqui'>Fale Conosco</a></li> 
<li><a href='seu-link-aqui'>Unidades ↓</a> 
      <!--Submenu inicio--> 
       <span> 
           <a href='seu-link-aqui'>Hugo de Carvalho Ramos</a> |
           <a href='seu-link-aqui'>Ayrton Sena</a> 
       </span> 
       <!--Submenu fim--> 
  </li> 
</ul> 
</div><!-- Fim do Menu --> 
   </div> 
<div id="espaco_dois"> 
</div> 
 		<div id="corpo"><!-- Início do corpo--> 
       	<div id="sidebar"><!-- Início da sidebar --> 
        		Sidebar
           </div><!-- Fim da Sidebar --> 
        		<div id="conteudo"><!--Início do conteúdo do site --> 
               	Conteúdo
               </div><!-- Fim do conteúdo --> 
       </div><!-- Fim do corpo --> 
<div id="rodape"><!--Início do rodape --> 
Rodapé
</div><!-- Fim do rodape --> 
</body> 
</html>

 

esse css

* {
margin: 0;
padding: 0;
}

body{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
background-image:url( "../imagens/BG.png" );
background-repeat: no-repeat;
background-attachment: fixed;
margin:0px;
}

/*TOPO*/
#topo{
height:200px;
background:#004262 url(../imagens/bg_topo.png) repeat-x top;
text-align:center;
margin:0;
}
#espaco{
width:165px;
height:36px;
background: url(../imagens/bg_menu.png);
float:left;
border-right:1px solid #555;;
}
#espaco_dois{
height:36px;
background: url(../imagens/bg_menu.png);
float:left;
}
/*Menu*/
/* Subnav Menu
------------------ */
#faixa_menu{
height:38px;
background: #62A21D url(../imagens/bg_menu.png) repeat-x top;
text-align:center;
}
#menu{
text-align:center;
float:left;
margin:0 auto;
}
/*-- container geral do menu--*/
ul#topnav {
margin: 0;
padding: 0;
float: left;
width: 100%;  /*-- se quiser edite a largura total do menu --*/
list-style: none;
position:relative;
text-align:center;
font-size: 14px;   /*-- edite tamanho da fonte--*/
background: #62A21D url(../imagens/bg_menu.png) repeat-x top; /*-- edite cor de fundo--*/
}
/*-- itens das listas--*/
ul#topnav li {
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #555; /*--edite borda--*/
}

/*-- links dos itens das listas --*/
ul#topnav li a {
padding: 10px 15px;
display: block;
color: #fff; /*-- edite cor dos links --*/
text-decoration: none;
}
/*-- links dos itens das listas no modo hover --*/
ul#topnav li a:hover {
color:#ccc; /*-- edite cor dos links --*/
}

/*-- item da lista no modo hover--*/
ul#topnav li:hover {
background: #1376c9 ;   /*-- edite cor de fundo--*/

}


/*-- item da lista do submenu--*/
ul#topnav li span {
float: left;
padding: 15px 0;
position: absolute;
left: 0;
top:35px;
display: none;
width: 100%; 
background: #1376c9;  /*-- edite cor de fundo do submenu--*/
color: #fff;  /*-- edite cor dos links do submenu--*/
/*--bordas arredondadas a direita--*/
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
/*--bordas arredondadas a esquerda--*/
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

/*-- item da lista do submenu no estado hover--*/
ul#topnav li:hover span {
display: block;
}

/*-- links do item da lista do submenu--*/
ul#topnav li span a {
display: inline;
color:#ccc; /*-- edite cor dos links do submenu --*/
}
/*-- links do item da lista do submenu no modo hover--*/
ul#topnav li span a:hover {
text-decoration: underline;
color:#000; /*-- edite cor dos links do submenu no estado hover --*/
}
/*CORPO*/
#corpo{
width:1024px;
height:600px;
background:#666;
margin: 0 auto;
}
/*RODAPE*/
#rodape{
height:110px;
background: url(../imagens/bg_rodape.png) repeat-x top;
margin:0;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito