hola tengo la siguiente estructura....con divs
Código:
<body>
<div class="contenedor">
<div class="encabezado">
<div id="iden"><a>Hola!! <?php echo $_SESSION['usuario']; ?></a></div>
</div>
<div class="cuerpo">
<h4>Servicio al cliente</h4>
<div class="item" id="cambiar_estado"><a href='FormulaAjax/Pqr.php' class='boxy' title='cambiar estado'>Cambiar estado</a> </div>
</div>
</body>
y este el css
Código:
/*Configuraciones globales*/
/*------------------------------------------------------------------------------------------------------------*/
* {margin:0; padding:0}
a {text-decoration:none;color:#FFF;}
ul{list-style: none;width:100%;font-family:sans-serif;font-size:100%;}
h1,h2,h3,h4{margin:5% 2% 3% 0%;font-family: Arial;color:red;}
h5{margin:0% 20% 0% 0%;font-family: Arial;color:white;}
BODY {font-family:sans-serif;font-size:smaller;background-color:black; background-image:url("mclaren.jpg");float:left; min-width: 770px;background-repeat: repeat-y;}
/*------------------------------------------------------------------------------------------------------------*/
.contenedor {
dwidth:80%;
height:100%;
position:absolute;
left:14%;
top:0%;
right:5%;
min-width: 1024px;
}
.cuerpo {
height:60%;
margin:20% 15% 1% 8%;
float:left;
padding:2% 1% 0% 1%;
min-height:500px;
min-width: 770px;
}
.item{
float: left;
margin:4%;
width: 18%;
height: 15%;
background-color: blue;
border-style:double;
background-image: url("item.bmp");
}
.encabezado {
width:76%;
height:20%;
position:absolute;
top:0%;
left:8%;
background-color:#696969;
min-width: 790px;
}
pero el problema es que los item no me sale como quiero me salen como aplastados y tienen que ser rectangulares.... de width: 18% por height: 15%
el width queda bien pero el height no queda como en 4%;
saludos