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

[valtimore1]

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

[valtimore1]

alguien me puede ayudar?

[afrika026]

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>

[valtimore1]

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.