Jump to content
Fórum Script Brasil
  • 0

Problemas com HTML + CSS


edupokk
 Share

Question

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;
    }


Edited by edupokk
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Forum Statistics

    • Total Topics
      149.8k
    • Total Posts
      646.6k
×
×
  • Create New...