Ir para conteúdo

POWERED BY:

Arquivado

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

Matheus Loureiro

Rodape não fixa no fim da página

Por , em Desenvolvimento frontend

Recommended Posts

Matheus Loureiro    0

Matheus Loureiro
Postado

Galera, alguem dá uma força!

 

O rodape não fixa no fim da página de jeito nenhum, eis o code:

 

 

<html>
<head>
<title>site</title>
<!--<meta> -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" href="style/style.css" />
<!-- Slide Show -->
<link rel="stylesheet" href="/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="style/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script src="js/lightbox.js"></script>
<link href="style/lightbox.css" rel="stylesheet" />
<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider();
    });
</script>

<script type="text/javascript">
function exibe(id) {
if(document.getElementById(id).style.display=="none") {
document.getElementById(id).style.display = "block";
}
else {
document.getElementById(id).style.display = "none";
}
}
</script>

<script type="text/javascript">
$(document).ready(function(){
$('a[href^="#"]').on('click',function (e) {
    e.preventDefault();
    var target = this.hash,
    $target = $(target);
    $('html, body').stop().animate({
        'scrollTop': $target.offset().top
    }, 900, 'swing', function () {
        window.location.hash = target;
    });
});
});
</script>

</head>
<body>

<div id="tudo">

<div id="topo">
<div id="menu">

<ul>

<li><a href="#">HOME</a></li>
<li><a href="#">CASES</a></li>
<li><a href="#">SERVIÇOS</a></li>
<li><a href="#">SOBRE</a></li>
<li><a href="#">CONTATO</a></li>

</ul>

</div>

<div class="end"> <p>Av. endereço da empresa, N XXX - Bairro</p> </div>

<div id="logo">
<img src="images/logo.png" width=120 height=160 />
</div>


</div>

<div id="conteudo">

<div id="slideshow">

<div id="wrapper">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="images/teste.jpg" alt=""/>
                <img src="images/teste2.jpg" alt="" title="" />
            </div> 
            </div>
        </div>

</div>


<div id="info">

<div id="info1">

<div class="infosd"><p> <span>A Política da Qualidade</span> <br /> <br /> <i>"Oferecer aos nossos clientes soluções eficazes fazendo da melhoria contínua da qualidade de nossos serviços o objetivo de nossas atividades".</i>  </p></div>

</div>

<div id="info2">

<div class="infosd"><p> <span>A Localização</span> <br /> <br /> Localizada na cidade de Caucaia, Interior do Estado do Ceara, a Rcon Construtora dispõe de uma excelente infra-estrutura, além de uma mão-de-obra qualificada.  </p></div>

</div>

<div id="info3">

<a href="#cinfo3" onclick="javascript: exibe('cinfo3');"><div class="sub"><p>Área de Atuação</p></div></a>

</div>

<div id="cinfo3" style="display:none;">

<p class="subp1"> A Rcon Construtora tem participado do desenvolvimento do país, construindo obras de interesse social, tanto nos setores públicos, como na iniciativa privada, atuando nos seguintes segmentos:  </p>
<p class="subp1b">  Construção civil <br /> Elaboração de projetos <br /> Construção de pontes <br /> Construção estradas de rodagem <br /> Pavimentação <br /> Terraplenagem <br /> Saneamento básico <br /> Topografia </p>

</div>

<div id="info4">

<a href="#cinfo4" onclick="javascript: exibe('cinfo4');"><div class="sub"><p>Cases</p></div></a>

</div>

<div id="cinfo4" style="display:none;">

<div class="bgfotos">

<a href="images/img.jpg" rel="lightbox[case]"><img src="images/img.jpg" width=100 height=150 alt="" /></a>
<a href="images/img.jpg" rel="lightbox[case]"><img src="images/img.jpg" width=100 height=150 alt="" /></a>
<a href="images/img.jpg" rel="lightbox[case]"><img src="images/img.jpg" width=100 height=150 alt="" /></a>
<a href="images/img.jpg" rel="lightbox[case]"><img src="images/img.jpg" width=100 height=150 alt="" /></a>

</div>

</div>



</div>

</div>

</div>

 

 

css:

 

 

body { margin:0 ; padding: 0;}
#topo { background: url(../images/topom.jpg); width:100%; height:50px; position:relative; }
#menu li, #menu a { display:inline; font-size:12px; text-decoration:none; color:#FFF; margin-left:20px; font-family:menu;transition: all 1s ease; webkit-transition: all 1s ease;}
#menu { padding-left:50%; text-align:center; position:relative; padding-top:1px;}
#menu a:hover {background:#1e1e1e; padding:25px; transition: background .5s ease; webkit-transition: background .5s ease;}
@font-face {src:url(../fonte/font.otf); font-family:menu;} 
#logo { margin-left:15%; margin-top:-40px; z-index:1; position:absolute;}
.end, .end p { color:#FFF; text-align:center; font-family:menu; margin-top:-31px; font-size: 12px; }
#info, #info a { width:800px; margin: 0 auto; text-decoration:none;}
span { color:#000; font-size:20px; }


#info1 { margin-top:50px; float: left;}
#info2 { float: right; margin-top:50px; }
#info2 p:first-letter { background:#0080c7; padding:12px; }
#info3 { float:left; margin-top:50px;}
#cinfo3 { width:0; height:0;}
#info4 { float:right; margin-top:50px;margin-right: 11%;}
#info4 .sub { background:#1e1e1e; }
.bgfotos { background:#1e1e1e; width:204px; height:300px; float:right; margin-top:50px; margin-right:10%; padding:20px;}
.sub { background:#0080C7; padding:2px; width:200px; color:#FFF; font-size:25px; text-align:center; }
.infosd p:first-letter { background:#a4a4a4; font-size: 25px; color:#FFF; padding:12px; }
.infosd p { font-family:Georgia; color:#464545; width:300px; text-align:justify;}
.subp1 { width: 300px; text-align:justify; padding-top:360px; }
.subp1b { background: url(../images/bg.jpg); height: 150px; width:260px; text-align:center; color:#FFF; padding: 20px; font-size:16px; font-family:menu; }

#rodape { width: 100%; background:#1e1e1e; height:20px;  clear: both; }
#rodape p { text-align:center; color:#fff;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

BrittosMonteiro    0

BrittosMonteiro
Postado

Onde está a div="rodape" ou <footer></footer?

 

Mas eis o código:

 

#rodape{

width:100%;

clear:both;

float:left;

}

 

--#--

 

footer{

width:100%;

clear:both;

float:left;

}

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