Fórum Como Fazer Um Site

Fórum sobre como fazer um site. Espaço para aprender e partilhar conhecimentos sobre Como Criar Sites.
Data/Hora: sábado jul 20, 2019 5:38 pm

Os Horários são TMG [ DST ]




Criar Novo Tópico Responder a este Tópico  [ 1 Mensagem ] 
Autor Mensagem
 Assunto da Mensagem: Problema com rodapé
MensagemEnviado: terça set 06, 2011 12:59 pm 
Offline

Registado: terça set 06, 2011 12:57 pm
Mensagens: 1
Bom dia,

eu estou com uma dúvida em relação a fixar o rodapé na tela, existem 1 milhão de sites falando sobre isso, mas tentei vários meios e não consegui fazer funcionar.. tentei o metodo do The Man in Blue de footerStickAlt e não funcionou, eu consegui fixá-lo perfeitamente agora mas com um problema, preciso deixar no CSS:
#footer {
bottom: 0
left: 0
.....
}
caso eu retire o left 0 o rodapé fica errado.. grande maioria dos meus sites são centralizados, então precisava centralizar o rodapé, alguém poderia me explicar um modo que funcione?

html:

Código:
<html>
<link rel="stylesheet" href="css/teste.css" type="text/css" media="screen">
<body>
<div id="total">
    <center>
   <div id="content">
      <div id="header" class="contemfloat">header</div>
      <div id="navmenu">navmenu</div>
        <div id="navside">navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside navside</div>
        <div id="main"><img src="images/jquerybanner.jpg"></div>
        <div id="aside">aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside aside </div>
   </div>
    <div id="backbottom">
        <div id="footer">footer</div>
    </div>
    </center>
</div>
</body>
</html>


css:

Código:
* {
   margin:0;
   padding:0;
   z-index:1;
}
html, body {
   height: 100%;
}

.contemfloat:after {
   content: ".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.contemfloat { display: inline-block; }

* .contemfloat {
   height: 1%;
}

.contemfloat {
   display: block;
}

#total {
   position:relative;
   width:100%;
   min-height:100%;
   margin:0 auto;
   background:#f8e4cd;
}

* html #total {
   height:100%;
}

#content {
   text-align:center;
   padding-top:10px;
   background-color:#c08c52;
   width:960px;
   overflow: hidden;
}

#header {
   padding-bottom:150px;
   text-align:center;
   background:#006;
   color:#FFF;
   width:940px;
   margin:0px 10px 0px 10px;
}

#navmenu {
   height:60px;
   text-align:center;
   background:#552f04;
   color:#FFF;
   width:940px;
   margin:0px 10px 10px 10px;
}

#navside {
   display:inline; /*Bug da margem dupla para floats no IE*/
   float:left;
   width:160px;
   margin:10px;
   background-color:#905414;
}

#main {
   float:left;
   width:580px;
   margin:10px;
   background-color:#905414;   
}

#aside {
   float:left;
   width:160px;
   margin:10px;
   background-color:#905414;
}

#backbottom {
   position:absolute;
   bottom:0;
   left:0;
   width:100%;
   height:80px;
   padding-top:10px;
   background-color:#905414;
   text-align:center;
   clear:both;
   float:left;
}

#footer {
   position:absolute;
   bottom:0;
   left:0;
   width:940px;;
   height:80px;
   padding-top:10px;
   background-color:#72400a;
   text-align:center;
}


Topo
 Perfil  
 
Mostrar mensagens anteriores:  Ordenar por  
Criar Novo Tópico Responder a este Tópico  [ 1 Mensagem ] 

Os Horários são TMG [ DST ]


Quem está ligado:

Utilizador a ver este Fórum: Nenhum utilizador registado e 1 visitante


Criar Tópicos: Proibído
Responder Tópicos: Proibído
Editar Mensagens: Proibído
Apagar Mensagens: Proibído
Enviar anexos: Proibído

Pesquisar por:
Ir para:  
cron
Powered by phpBB® Forum Software © phpBB Group
Traduzido por phpBB Portugal
Como Fazer Um Site, o seu site para aprender a criar sites