Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/07/2011, 05:03
Avatar de afrika026
afrika026
 
Fecha de Ingreso: junio-2011
Mensajes: 85
Antigüedad: 13 años, 5 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