Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17562
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Posicionando uma div sobre a outra ( pai e filho )

28-12-2007 18:08

Esse script mostra como usar alguns atributos do CSS para posicionar uma div menor sobre uma div maior.

<style type="text/css"> .div_pai{ border:1px dotted black; background-color:#f5f5f5; width:200px; height:200px; } .div_filho{ position:relative; background-color:#fefefe; width:200px; height:100px; margin-left:0; [color=green]margin-top:0;[/color] } </style>


<div class="div_pai">   <div class="div_filho">div filho</div>   </div>

Atenção para o margin-top:0;, alterando o valor para 100, você tem a div filho na metade de baixo da div pai.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado