Div Flutuante em CSS.

Senhores,
Pequeno código para mostrar como se faz um div flutuante utilizando o CSS.

<html>
<head>
<title>Criar uma DIV Flutuante</title>
<style>
#divFlutuante{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-150px;
	margin-top:-100px;
	padding:10px;
	width:300px;
	height:200px;
	border:1px solid #d0d0d0;
}
</style>
</head>
<body>
<div id="divFlutuante">
<a href="#" onclick="document.getElementById('divFlutuante').style.display='none';">[Fechar]</a>
<br />
	Agora coloque o estilo dessa div.
</div>
<a href="#" onclick="document.getElementById('divFlutuante').style.display='block';">Mostrar DIV</a>
</body>

Simples e Objetivo.
José Luiz Neto

Facebook

About JLNeto