• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

sivc

[Resolvido] div container nao cresce com divs de conteudo

6 mensagens neste tópico

Boas,

eu estou a tentar colocar um footer na minha página com o css e o código que tenho é

CSS:

.container {

position:relative;

top:0px;

width:100%;

}

.txtDestaquePos {

   width:152px;

   position: absolute;

   left: 317px;

   top: 334px;

}

.rodapeGeral{

   width:938px;

   height:30px;

   position:absolute;

   left:44px;

   bottom:0px;

   

}

HTML:

<div id="container" class="container">

<div id="txtDestaquePos" class="txtDestaquePos">

        <span class="titDestaqueDesenvolvimento">Apresentação</span>

        <br /><br />

        <span class="subtitDestaqueDesenvolvimento">CULTURA ESCOLAR, MIGRAÇÕES E CIDADANIA</span>

        <br /><br />

        <span class="txtDestaqueDesenvolvimento">Do Norte de Portugal e do Porto, em particular.....</span>

</div>

<div class="rodapeGeral">

        <div class="rodapePosDes" id="rodapePos"></div>

   

     <div class="rodapePosDireitos" id="rodapePos">© Secção de História da Educação - All rights reserved</div>

    </div>

</div>

E já percebi (porque consigo ver os divs no dreamweaver) que o rodapé não desce porque a div container não cresce, mesmo tendo dentro dela a div de conteudo.

Alguém me pode ajudar com o que está errado neste código? Eu estou a comçar agora no css pelo que não consigo perceber...

Obrigado

Susana

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Sendo os divs "absolute", o container nunca vai assumir que os outros crescem.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Têm entao de ser todos relative? o conteiner e os de conteudo?

É que na documentação que estive a ler diziam que o container devia ser relative, e os outros todos de dentro absolute para se posicionarem correctamente em relação ao container. E realmente esta é a única forma que consigo posicioar correctamente as divs.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

podes posicionar correctamente recorrento as paddings e margins.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Ok,

já percebi! Basicamente isto é mesmo tudo com paddings e margins, e já funciona :thumbsup:

Tenho de refazer o css todo mas bom agora ja percebo o que estou a fazer.

Muito obrigado pelas palavras mágicas padding + margins!

Susana

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora