Problemas com HTML + CSS

edupokk · Junho 10, 2015

Bom dia pessoal, tudo bem?

Estou com um pequeno problema....

Estou tentando produzir um site com HTML + CSS, usando divs...

O problema é que a div que eu classifico como "footer" fica no meio da tela! Não consigo solucionar isso.

Alguém poderia me ajudar?

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>Pokk Clínica de Psicologia</title>

<link href="folha_estilo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="caixa_total">
<div class="logo"><img src="images/pokkclinica.jpg" width="200" height="68" alt="Pokk Clínica de Psicologia" /></div>
<div class="menu">
 <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="servicos.html">Serviços</a></li>
        <li><a href="CAPFR.html">CAPFR</a></li>
        <li><a href="parceiros.html">Parceiros</a></li>
        <li><a href="planos.html">Planos de Saúde</a></li>
      <li><a href="contato.html">Contato</a></li>
  </ul>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
 <div class="boxes">
   <h3>Sobre a Clínica de Psicologia</h3>
   <span class="subtitle">Saiba mais sobre nós</span>
   <p>É um espaço formulado especialmente para <strong>atendimento psicoterápico</strong> e também para consultoria em <strong>Recursos Humanos</strong>, com atendimento personalizado ao <strong>público</strong>, <strong>empresas</strong> e <strong>escolas</strong>.
<br /><br />
Além de tudo isso, Clínica se desenvolve constantemente para orientar <strong>profissionais e estudantes da área da saúde</strong> e da educacional.
<br /><br />
A Pokk Clínica possui atendimento especializado para pessoas com <strong>Síndrome de Down</strong> e seus familiares.
<br /><br />
Também contamos com cursos eventuais para aprimoramento dos profissionais da área de psicologia, sempre com profissionais capacitados e atualizados.
<br /><br />
Seja no âmbito psicoterápico ou de Recursos Humanos, colocamos nossos serviços, sempre com práticas consistentes e atualizadas, à disposição, objetivando sempre a compreensão das necessidades de cada um e a busca constante do bem-estar emocional e físico, atendendo as necessidades e solicitações do mundo contemporâneo.</p>
 </div>

<div class="boxes">
   <h3>Responsabilidade</h3>
   <span class="subtitle">A responsabilidade sobre a clínica</span>
<p>A  Pokk Clínica de Psicologia é responsabilidade do  profissional  que organiza,  gerencia e presta serviços  ao público, ampliando e divulgando  a clínica e suas atividades.  <br /><br />
 Está cadastrada sob o <strong>CRP Jurídico</strong>: 06/4678<br />
 A responsabilidade técnica:<br /><br />
Eduardo Henrique Niess Pokk -   CRP: 06/73.583<br /><br />
Psicólogo clínico com experiência desde<strong> 2003</strong> anos na área de <strong>psicologia clínica</strong>, com extensão em <strong>Gestão de Pessoas</strong> pela FGV, consultor de <strong>recursos humano</strong>s,  <strong>coach</strong>.  <br /><br />
Participante ativo na elaboração de projeto de ação e tratamento da síndrome de <strong>Burnout</strong>.</br>
<br />
</p>
 </div>

 <div class="boxes">
   <h3>Horários</h3>
   <span class="subtitle">Confira os horários </span>
   <p>Nós percebemos, após anos de observação, que a necessidade de horário da maior parte da população se alterou conforme o tempo foi passando.<br />
     <br />
    Foi pensando nisso que também readequamos nossos horários à sua necessidade:</br><br />
  <br />
   <strong>Segunda-feira</strong>: das 09h00 às 23h00<br />
   <strong>Terça-feira</strong>: das 09h00 às 23h00<br />
   <strong>Quarta-feira</strong>: das 09h00 às 23h00<br />
   <strong>Quinta-feira</strong>: das 09h00 às 23h00<br />
   <strong>Sexta-feira</strong>: das 09h00 às 23h00<br />
   <strong>Sábado</strong>: das 08h00 às 18h00<br /><br />
   *Em casos excepcionais, atendemos além do horário durante a semana e/ou aos <strong>domingos</strong>.<br />
 </div>
</div>
<!--/*Caixa total termina aqui*/-->
 <div class="rodape">teste</div>
</body>
</html>

CSS:

body{
    background-color: #FFF;
    border: none;
    alignment-adjust: central;    
    margin:20px auto 0 auto;
    width: 960px;
    
    background:url(images/fundo1.png) repeat-x;
    }
.caixa_total .menu .boxes {
    height:auto;
    
}
    div.caixa_total{
    alignment-adjust: central;}
    
            
        div.menu ul{
        padding-top:10px;
        float:right;    
    list-style: none;
            
        }
        div.menu ul li{
    display: inline;
    margin-left: 10px;
    padding: 10px;
    border-left: dotted 1px #35486A;
    
        }
    
        div.menu ul li a{
    text-align-last: none;
    color: #35486A;
            }
    div.logo{
        float:left;
        
        }
    
div.boxes{
    float: left;
    width: 298px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    
    }
.menu .boxes .subtitle {
    color: #666;
    margin-top: 5px;
}

div.boxes h3 {
    color: #35486A;
    margin-bottom: 5px;
    }

Editado Junho 11, 2015 por edupokk

joao22666 · Junho 17, 2015

Olá sou novo em programação em HTML e CSS mais creio que seu problema seja no arquivo folha_estilo.css.

Você não criou a div rodape nele.

.rodape{

clear:both;

padding:10px;

}

Espero ter te ajudado.

Entrar

Problemas com HTML + CSS

Pergunta

edupokk

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

joao22666

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades