Hola a todos,
no se que más probar...no logro que los 3 divs salgan centrados en tres columnas dentro del div "principal". He hecho todas las pruebas que he podido, con la propiedad float, con clear,....
Me podeis hechar una mano?
Gràcias!
<html>
<head>
<style type="text/css">
<!--
html, body {
height: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#principal{
position: static;
width: 80%;
background-color: #788DA2;
height: 80%;
margin: 50 auto;
}
#leftImg
{
position: relative;
height: 20%;
width: 20%;
margin: 0 auto;
margin-right: 76%;
border: thick dotted #EDC080;
float: right;
}
#centerImg
{
position: relative;
height: 80%;
width: 40%;
margin: 0 auto;
border: thick dotted #CCCCCC;
}
#rightImg
{
position: relative;
height: 20%;
width: 20%;
margin: 0 auto;
margin-left: 76%;
border: thick dotted #800080;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<div id="principal">
<div id="leftImg"></div>
<div id="centerImg"></div>
<div id="rightImg"></div>
</div>
</body>
</html>