Foros del Web » Creando para Internet » CSS »

Existe problema si diseño todo el sitio con position absolute?

Estas en el tema de Existe problema si diseño todo el sitio con position absolute? en el foro de CSS en Foros del Web. Ya se que para que los elementos que utilizan la propiedad position absolute esten bien colocados se necesita primero que esten dentro de un contenedor ...
  #1 (permalink)  
Antiguo 05/07/2011, 03:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 7 años, 7 meses
Puntos: 0
Existe problema si diseño todo el sitio con position absolute?

Ya se que para que los elementos que utilizan la propiedad position absolute esten bien colocados se necesita primero que esten dentro de un contenedor con position relative.

Pero ahora me pregunto



Existe algun inconveniente si a la hora de maquetar el sitio creo un contenedor al 100% con position relative y despues dentro de este empiezo a diseñar y maquetar todo el sitio con position absolute?

Puede crear errores o porque seria no recomendable hacer esto?


gracias

Última edición por valtimore1; 05/07/2011 a las 13:15
  #2 (permalink)  
Antiguo 05/07/2011, 13:16
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Existe problema si diseño todo el sitio con position absolute?

alguien me puede ayudar?
  #3 (permalink)  
Antiguo 06/07/2011, 05:03
Avatar de afrika026  
Fecha de Ingreso: junio-2011
Mensajes: 84
Antigüedad: 5 años, 9 meses
Puntos: 19
Respuesta: Existe problema si diseño todo el sitio con position absolute?

Podes hacerlo dependiendo del tipo de diseño que vas a realizar.
Tene en cuenta que la posicion absoluta sale del flujo normal de la página.

Ojo, depende fundamentalmente del contenedor principal.
Primero el contenedor principal tiene que ser relativo, ademas tiene que tener un ancho y un alto fijo en píxeles.
Esto es porque si lo haces de ancho o alto automático o con "%" porcentajes, cuando cambie la resolución de pantalla en otros navegadores los divs absolutos te van a quedar desalineados en cualquier lugar de la pantalla.

Por ende, si vos queres diseñar con divs absolutos, primero te recomiendo que crees un contenedor principal estatico "static", el cual va a alojar div relativo que contiene los divs absolutos.
En este caso, al contenedor principal "el estático" tenes que setearles el ancho y el largo en píxeles.
Luego al contenedor relativo que aloja los divs absolutos le podes poner el width=100% y el height="al height del contenedor principal estatico".

Un ejemplo:

#contenedor_principal{
width=800px;
height=1000px;
//en este bloque estamos centrando en el navegador todo el diseño
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
//fin del bloque de centrado automatico
}

//definimos el contenedor que va a alojar a los divs absolutos
#contenedor_secundario{
position: relative;
width=100%;
height=1000px; //tiene que ser el height del contenedor principal
}

entonces en el body ponemos:

<div id="contenedor_principal">
<div id="contenedor_secundario">
//Aqui van los divs absolutos
</div>
</div>

Última edición por afrika026; 06/07/2011 a las 06:31
  #4 (permalink)  
Antiguo 06/07/2011, 16:08
 
Fecha de Ingreso: agosto-2009
Mensajes: 23
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Existe problema si diseño todo el sitio con position absolute?

Mas claro ni el agua de lluvia, te agradezco mucho tu ayuda, voy a intentar hacer algo con eso.

Te entendi perfectamente

justo lo que necesitaba

Gracias de nuevo.

Saludos.

Etiquetas: diseño, existe, position, todo
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 14:28.