Hola, les cuento esto es lo que quiero hacer: yo quiero centrar el circulo gris en la barra gris clara, para que quede así:
No se si usar z-index para montar el circulo en los otros divs o meter el div del circulo dentro del div de la barra pequeña. (de las 2 maneras igual no logro centrarlo solo colocarlo encima de la barra pequeña).
HTML
Código HTML:
<body>
<div class="fondoheader"></div>
<div class="barra"></div>
<div class="circulo"></div>
<div class="contenido"></div>
</body> CSS
Código HTML:
html,body{
padding:0;
margin:0;
height:100%;
width:100%;
}
.fondoheader{
background-color:#333;
width:100%;
height:180px;
}
.barra{
background-color:#CCC;
width:100%;
height:80px;
}
.circulo{
background-color:yellow;
width:300px;
height:300px;
-webkit-border-radius: 150px 150px 150px 150px;
}