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

Sign in to follow this  
Filipe_O

Acompanhar altura de uma div

Recommended Posts

Filipe_O

Boas pessoal! :)

Estou a desenvolver um site em Dreamweaver, e estou a utilizar css.

Agora, pretendia que uma div "rodapé" acompanhasse a altura de outra div "corpo" (ou seja, conforme a altura da div "corpo" a div "rodapé" estaria X pixeis abaixo).

Já tentei usar "overflow", mas o efeito foi completamente diferente. 

Outra coisa:

Uma das opções era usar "overflow-y".

No DW, quando se começa a escrever um código, aparece uma caixa com os códigos começados pela(s) letra(s) que se introduziu.

Ora, quando eu escrevo "over", a única opção que me dá é "overflow" (ao invés de "overflow", "overflow-y" e "overflow-x").

Será que por isto, eu não tenho essa função?

Sei que, esta função é do CSS3, mas eu instalei uma extensão do Dreamweaver para aceitar CSS3.

Qual será a melhor opção para o que quero?

Fiquem bem e obrigado

Share this post


Link to post
Share on other sites
Caya

Se bem percebi o que queres fazer, não estou a ver onde o overflow entra aqui. Penso que o que queres é simplesmente isto:

<div id="corpo" style="margin-bottom:10px">
</div>
<div id="rodape">
</div>

Quanto ao Dreamweaver, se ele reconhece o overflow ou não é indiferente. O que te tens de preocupar é se a maioria dos browsers que as pessoas usam reconhece.

Share this post


Link to post
Share on other sites
Filipe_O

Boas!

Obrigado, mas não resolveu nada -.-

O que quero é apenas que uma div acompanhe uma outra que está acima.

Sabem ajudar?

Fiquem bem

Share this post


Link to post
Share on other sites
ByMySlf

Pelo menos experimentaste o código que o caya postou?

Se o que queres é que a div rodape esteja, sempre, uns pixeis abaixo da div corpo, o código postado funciona.

Share this post


Link to post
Share on other sites
Filipe_O

Print

A única coisa que ele fez foi criar a margem...como é que faço para que a div rodapé, fique em baixo da "corpo", com a tal margem?

Fiquem bem e obrigado

Share this post


Link to post
Share on other sites
Rodrigo Graça

Sei ajudar

mas não explicas bem o que queres e só depis de ver o print é que percevi

o que tu quere é que o ródapé fique por baixo do corpo e por exemplo a 20px do corpo certo?

por outras palavras queres este efeito: http://h.imagehost.org/0448/apagar.jpg

(se não reparares á uma margem entre os dois post's)

que é deixar um espaco entre as duas partes não é??

ok se é isso o código que eles te deram acima está certo mas mal aplicado

ou seja devias criar uma div por exemplo chamada xd e dentro delá punhas a div corpo e aseguir a div rodapé e depois davas uma margem top na div rodpé ou um mrgem buton no corpo

exemplo

<div id="xd">
     <div id="corpo">
     </div>
     <div id="rodape">
     </div>
</div>

(feito á presa)

Terás que melhorar muito o código que escrevi acrescentar css ao código e etc....

Espero ter ajudado  :cheesygrin:.

Cumprimentos, Rodrigo Graça.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.