Foros del Web » Creando para Internet » CSS »

Div Flotado y centrado horizontalmente

Estas en el tema de Div Flotado y centrado horizontalmente en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/10/2011, 15:36
Avatar de LinkLooker  
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 17 años, 3 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; }
  #2 (permalink)  
Antiguo 27/10/2011, 15:53
Avatar de juodcv  
Fecha de Ingreso: mayo-2011
Ubicación: La Plata
Mensajes: 61
Antigüedad: 8 años, 6 meses
Puntos: 9
Respuesta: Div Flotado y centrado horizontalmente

haber si entendí... lo quieres centrar??
Entonces prueba...

#flotado { width:800px; height:800px; background-color:#003333; margin:0 auto; position:absolute; }
__________________
Juanjo | Diseñador en Comunicación Visual | dosveintiuno.com.ar

Etiquetas: horizontalmente, html, fondo, centrar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:35.