Te quería hacer una cosnsulta, porque no logro posicionar bien con margin. Por ejemplo, creo un div (llamemosle "botonera") que esta adentro de un div "general" y un div "header". Cuando a "botonera" lo situo a mi gusto con margin, en vez de bajarme ese div, me baja el el header y el contenedor a la posicion que supuestamnte deberia estar "botonera".
Código :
<style>
*{
margin:0 auto;
padding:0;
}
html{
height:100%;
width:100%;
}
body{
background-color:#F00;
height:100%;
height:100%;
background-position:top center;
}
#contenedor{
margin:0 auto;
width:800px;
height:500px;
background-color:#000;
}
#arriba{
width:100%;
height:150px;
background-color:#666;
position:relative;}
#logo{
position:absolute;
height:50px;
width:90px;
background-color:#F60;
left: 59px;
top: 19px;
}
#arriba ul{
background-color:#F60;
margin:80px 0 0 250px;
width:280px;
}
#arriba ul li {
display:inline;
text-decoration:none;
padding:0 0 0 15px;
}
#botonera{
height:100px;
width:100px;
background-color:#a34;
[b]margin: 30px 0 0 600px;[/b]
}
</style>
</head>
<body>
<div id="contenedor">
<div id="arriba">
<a href="logo" id="logo"></a>
<!--
<ul>
<li>Home</li>
<li>Servicios</li>
<li>Contacto</li>
<li> About us</li>
</ul>
-->
[b] <div id="botonera">[/b]
</div>
</div>
</div>
</body>
Si le saco el margin a a botonera, vuelvo contenedor y arriba a su normalidad.
