Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
olá estou desenvolvendo um site, e criando o layout do mesmo com o bootstrap,
ate ai tudo bem, coloque um menu superior fixo, um container principal com o conteudo funcionando tudo de boa.
porem Coloquei um container fluid no fim da pagina, para servir como rodape, com endereço essas coisas,
o problema e que quando coloco em monitores com resoluçao maiores que o meu, ele simplesmente nao fica no fundo, ele sobe e fica colado ao fim do container principal, e abaixo dele sobre um grande espaço em branco.
-OQUE JA FIS PARA TENTAR RESOLVER.
.container-fluid{
position:relative;
bottom:0;
}
ja usei isso de diversas formas ate dei um ID para a div mas nao resolveu, e agora???
vou colocar um pedaço do codigo para voces.
.col-md-8 img{
left:40%;
position:relative;
height:20.13333333333333%;/*160px;*/
width:12.516837481698389%;/*130px;*/
margin:10px;
}
.navbar-inverse{
border-radius:0px;
margin:0%;
}
.navbar-nav{
text-align:center;
color:#ffffff;
} color:#e40e0e;
font-size:15px;
text-align:center;
} font-size:14px;
text-align:center;
} font-size:16px;
text-align:center;
line-height:30px;
} text-align:center;
font-size:15px;
} text-align:center;
font-size:22px;
} font-size:10px;
line-height:10px;
} line-height:30px;
}.rodape{
background:#000000;
color:#ffffff;
} font-family: 'Oxygen', sans-serif;
}
.container{
background:#fdfdfd;/*#f7f7f7;*/
} height:100px;
width:350px;
margin:15px;
} position:relative;
font-size:40px;
float:right;
text-align:center;
margin-top:50px;
}
.jumbotron{
margin:0%;
padding:0%;
} height:60px;
width:60px;
float:top;
position:relative;
left:42%;
background:#f7f7f7;
padding:10px;
border:solid;
border-radius:15px;
border-background:#000000;
}
.conteudo{
background:#000000;
color:#ffffff;
position:absolute;
width:100%;
height:auto;
text-align:left;
padding:15px;
} height:180px;
width:350px;
} height:150px;
width:120px;
float:left;
margin:10px;
}
#teste{
background:#b6b4b4;
color:#ffffff;
position:absolute;
bottom:0;
}
.navbar-default {
background-color: #b6b4b4;
border-color: #e1e1e1;
} color: #ffffff;
} color: #040404;
} color: #ffffff;
} color: #ffffff;
} color: #040404;
} color: #040404;
background-color: #e1e1e1;
} color: #040404;
background-color: #e1e1e1;
} border-color: #e1e1e1;
} background-color: #e1e1e1;
} background-color: #ffffff;
} border-color: #ffffff;
} color: #ffffff;
} color: #040404;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #040404;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #040404;
background-color: #e1e1e1;
}
}
<div class="container-fluid" id="teste">
<br>
<div class="row">
<div class="col-md-5">
<img src="midia/logo007.png">
<br>
<br>
<address>
Rua Santo angelo<br>
xxxxxxxxxxx, xx n°111
Sala n°000<br>
<abbr title = "Fone">Fone:</abbr> (11)9999-6666
</address>
<address>
<strong>Email</strong><br>
<a href = "mailto:#">11111111</a>
</address>
</div>
</div>
<br>
</div>
Do HTML so coloquei a prte questa dando problema, mas acima do codigo so tem um container principal com seu conteudo, e uma barra de navegaçao fixa no topo.
espero que ajudem::::
Carregando comentários...