Hola a todos,
en este mismo foro encontré un código en css que permitía centrar una capa (horizontal y verticalmente), independientemente de la resolución del navegador. Este código funcionaba perfectamente hasta que decidí incluir un borde de 15 píxeles sobre toda la capa, (caprichoso que es uno),
¿Alguien puede decirme como centro la capa con el borde?
Mi código:
Código:
<!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>Prueba</title>
<style type="text/css">#contenedor {position:absolute;width:994px;height:738px;top: 50%;left: 50%;margin-top: -369px; margin-left: -497px;border:15px solid #FFF;}
.capa_left{width:15%;height:80%;background-color:blue;float:left;}
.capa_centro{width:70%;height:80%;background-color:orange;float:left;}
.capa_right{width:15%;height:80%;background-color:blue;float:left;}
.capa_top{width:100%;height:10%;background-color:green;clear:both;}
.capa_pie{width:100%;height:10%;background-color:green;clear:both;}
</style>
</head>
<body>
<div id="contenedor">
<div class="capa_top">Top</div>
<div class="capa_left">Left</div>
<div class="capa_centro">Centro</div>
<div class="capa_right">Right</div>
<div class="capa_pie">Pie</div>
</div>
</body>
</html>
Un saludo