Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/06/2011, 09:56
dksoft
 
Fecha de Ingreso: octubre-2010
Mensajes: 123
Antigüedad: 13 años, 5 meses
Puntos: 10
Problema con Divs

Hola.. pues soy un poco nuevo en esto del CSS entonces andaba diseñando un pequeño login .. pero pss tengo un problema.. miren se los muestro

Ignoren los colores .. jeje solo que son solo para distingir las divs..

el problema que tengo es que al escribir texto sobre el diseño las DIVS se separan y se ve un espacio muy feo.. alguna idea?

Screen Shot:


Código 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>Login | {$sitename}</title>
<style>
.warp {
	background: url(images/brush.png) no-repeat;
	padding: 50px;
	margin: auto;
	width: 470px;
}
.head {
	height: 120px;
	background-color: #903	
}
.bar {
	height: 30px;
	background-color: #922;
}
.contenido {
	background-color: #966
}
.text {
	margin: 10px	
}
.footer {
	height: 25px;
	background-color: #306;
}
h1 {
	font-size: 15px;
}
body {
	background-image: url(images/bgalls.png);
	background-repeat: no-repeat;
}
</style>
</head>
<body>
<div class="warp">
<div class="head"></div>
<div class="bar"></div>
<div class="contenido">
<div class="text">
<h1 align="center"><strong>Administracion</strong></h1>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">asd </p>
</div>
</div>
<div class="footer"></div>
</div>
</body>
</html>