Hola compañeros, actualmente estoy maquetando mi web y resulta que en el contenedor principal donde quiero que vaya la información deseo que haya un determinado padding, pero cuando hago esto el padding se realiza en la izquierda, arriba y abajo, pero en la derecha, en vez de hacer el padding me estira la capa y me deforma la web. Os dejo una imágen para que veais a que me refiero.
img200.imageshack.us/img200/1658/padding.jpg
El estilo de la capa Main (la de la izquierda en la que resulta el problema):
Código:
#main{
background: url(../backgrounds/main.png) no-repeat;
background-color: black;
text-align: justify;
font-family: 10px 'Trebuchet MS', Helvetica, sans-serif;
color: white;
max-width: 481px;
min-height: 477px;
padding: 5px;
float: left;
}
El estilo de la capa Detail (la de la derecha):
Código:
#detail{
background: url(../backgrounds/detail.png) no-repeat;
background-color: black;
text-align: center;
font-family: 10px 'Trebuchet MS', Helvetica, sans-serif;
color: white;
width: 269px;
min-height: 477px;
float: left;
}
Y el estilo de la capa contenedora:
Código:
#center{
background-color: black;
width: 750px;
min-height: 621px;
float: left;
}
Espero que me podáis ayudar.
Un saludo!