dudas posicionamiento css

[edward18_1]

Hola tengo una duda sobre el posicionamiento de div y otras cosas...que debo usar para que cuando aplique una posicion a un div este se vea bien en la mayoria de las resoluciones? o sea debo usar px; %; o que otro?...tambien con el tamaño de los divs...como es recomendable colocarlos? en px; %? o en cual otro?? Muchas gracias...es que cuando empiezo a diseñar en css....se ve fino en mi monitor pero cuando pruebo en otro...se des configura un poquito no mas :S Gracias a quienes puedan ayudarme...

[Oscar_Hidro]

Todo es cuestion de lo que deseas implementar edward. Tiene que ver como lo quieres programar, pero a mi modo de trabajar, te puedo recomendar algunos puntos con los que he trabajado y sigo aprendiendo para que te puedan servir de apoyo y los consultes en internet o aqui mismo en el foro:

*Te recomiendo un ancho de pagina de 960px y centrado, esto permitirá visualizar correctamente el contenido en la gran mayoria de las resoluciones de pantallas. Si bien es cierto que sobra espacio si la resolucion es muy ancha, al momento de centrar el ancho de pagina en 960px, tendra un impacto visual muy agradable.

*Puedes utilizar un ancho de pagina a 100%, pero si tienes contenidos por bloques, es probable que los elementos puedan posicionarse de diferentes maneras dependiendo de la resolucion. Pero ojo, para eso tienes que definir que elementos defines en "position" con valor "absolute","static","inherit","none" para evitar estos conflictos, en cualquier resolucion.

*El dar medidas es cuestion de que te anima mas a utilizar. Lo puedes manejar en %, en px ó em. Y hasta puedes combinar estas tres herramientas en un documento. Es cuestion de como te acomodes mas, y a que elementos quieres utilizarlos.(Puedes aplicarlos en imagenes, div, class, id, en pocas palabras, a todos los elementos)

*Un consejo muy particular hermano, estoy empezando a estudiar HTML 5, que tiene muchas ventajas en cuestion de diseño, implementaciòn y funcionalidades. Por citar un ejemplo: Para dividir tu documento html, practicamente quedan olvidados los divs, puesto que surgen etiquetas para los elementos que comforman un documento web. Es decir, ya no tienes que hacer un div para un header, un div para tus contenidos y tampoco un div para un footer. Esto por que en html5 ya existen las etiquetas para generar cada parte de un documento y hasta de una funcion como puede ser video.
<footer></footer>, <header></header>, <video></video>, etc, son etiquetas ya predefinidas que te harán olvidar la anidacion de divs, aunque aun puedes implementarla para lo que necesites.

*Y por ultimo y màs importante tip, aprendete como funciona el modelo de caja de css. Es la base para poder hacer todo lo quieras, sencilla de aprender, y te facilitara la vida como no tienes una idea.