Zaloguj | Zarejestruj | FAQ
Anonymous

Rodapé não desce pro fim do layout

+ Odpowiedz

Posty: 1 Strona 1 z 1


Rodapé não desce pro fim do layout

przez Bruno Bezerra » Wt paź 03, 2017 8:30 pm

Olá! Estou fazendo um layout para meu site, mas tive problema com o rodapé. Já analisei o CSS, mas ainda não consegui resolver este problema. Screenshot → (https://i.imgur.com/6dc71YE.png) ←. Vejam o HTML e CSS logo abaixo:

Kod: Zaznacz cały
<!DOCTYPE HTML>
<html lang="pt-br">

<head>
<meta charset="UTF-8">
<title>Miami Vice Brasil</title>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="css/estilo.css" rel="stylesheet">
</head>
<!--Corpo-->
<body>
<div id="geralmv">
<!--Topo Banner--> 
<header>
<a class="topomv" href="https://brmiamivice.blogspot.com/"></a>
</header>

<!--Artigos-->   
<article class="artigosmv">
Content here...
</article>
<!--Barra Lateral--> 
<aside><section><h3>FACEBOOK</h3><div class='aside-content'>Conteúdo aqui...</div></section><section><h3>NEWSLETTER</h3><div class='aside-content'>Conteúdo aqui...</div></section></aside>
<!--Rodape e Seções-->
<footer class="rodapemv">
<footer class="rodapemv-section">
<h3>EQUIPE</h3>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
</footer>
<footer class="rodapemv-section">
<h3>SEÇÕES</h3><a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
</footer>
<footer class="rodapemv-section">
<h3>SOBRE</h3><a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
<a href="index.html">Link de exemplo</a>
</footer>
</footer>   
   
</div>
</body>
</html>


Kod: Zaznacz cały
/* Reset */
* {
padding:0;
margin:0;
list-style:none;
border:0;
box-sizing: border-box;
text-decoration: none;
}
/* Fundo Corpo */
html, body{background: #f599c3;position: relative;min-height: 100%;}
body{font-family: 'Open Sans', sans-serif;bottom:0;}
/* Links internos */
a{color: #1989ca;}
a:hover{color: black;}
/* Container */
#geralmv{width: 1000px;margin: 0 auto;background-color: #ddd;min-height: 100%;position: relative;}
/* Banner Topo */
a.topomv{background-image: url(../img/Header.jpg);height: 180px;width: 1000px;display: block;}
/* Artigos */
article.artigosmv{position: relative;margin-bottom: 20px;width: 660px;background-color: white;margin-top: 20px;float: left;margin-left: 20px;padding-bottom: 20px;overflow: auto;min-height: 100%;}
article.artigosmv h2{color: green;}
/* Paragrafo Artigo */
article.artigosmv p{margin: 2%;padding: 1%;text-align: left;}
/* Barra Lateral */
aside {float: left;color: #000;width: 280px;margin-top: 20px;margin-left: 20px;}
aside section{background-color:#fff;margin-bottom:20px;overflow:hidden;}
aside section h3 {font-size: 1rem;color: white;font-family: Oswald;font-weight: 300;text-transform: uppercase;margin-bottom: 20px;background: #1989ca;text-align: -webkit-center;padding: 2%;}
/* Conteúdo Barra Lateral */
.aside-content{padding:0;text-align:left;}
/* Rodapé */
footer.rodapemv{background-image: url(../img/Footer.jpg);left: 0;bottom: 0;clear: both;height: 180px;color: white;display: flex;flex-direction: row;}
footer.rodapemv footer.rodapemv-section{margin: 0 auto;margin-top: 20px;}
footer.rodapemv footer.rodapemv-section h3{font-family: Oswald;font-weight: 100;}
footer.rodapemv footer.rodapemv-section a{font-family: 'Open Sans', sans-serif;display: flex;flex-direction: column;color: white;font-weight: 100;}
footer.rodapemv footer.rodapemv-section a:hover{color: #1ddffd;}


No aguardo! Abraço.
Avatar użytkownika

Bruno Bezerra

  • Posty: 16
  • Dołączył(a): Śr mar 26, 2014 8:31 pm
  • Lokalizacja: Brasil.


+ Odpowiedz

Strona 1 z 1