26/10/2011, 14:36
|
| | | Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 22 años, 4 meses Puntos: 3 | |
Div Flotado y centrado horizontalmente Saludos a todos!!!
Practicando esto del css me he encontrado con un problemilla (que aunque creo que es sencillo) no he podido resolver, y es que quiero tener un div flotado sobre otros dos pero que se centre automaticamente.
Es decir tengo un div superior y un div inferior, y quiero que el div flotado este sobre ambos...Con un margin superior de 200px por ejemplo y que se centre horizontalmente automaticamente..
He podido forzarlo utilizando margin-left y margin-top..pero supongo que se descuadraría al verse en una resolución diferente a la mía...La idea es que sea un diseño liquido...
Gracias de antemano
Anexo Codigo:
HTML:
<div id="wrapper">
<div id="flotado"></div><!--Cierra Flotado-->
<div id="superior"></div><!--Cierra Superior-->
<div id="inferior"></div><!--Cierra Superior-->
</div><!--Cierra Wrapper-->
CSS:
#wrapper { width:100%; height:auto; background-color:#000000; }
#flotado { width:800px; height:800px; background-color:#003333;margin-left:200px; margin-top:50px; position:absolute; }
#superior { width:100%; height:400px; background-color:#45bcd2;}
#inferior { width:100%; height:800px; background-color:#CCCCCC; } |