diseño css:¿Márgenes y relleno versus posicionamiento absoluto?

Question

Me gustaría recibir comentarios sobre el uso de relleno y márgenes para el diseño de página frente al posicionamiento absoluto.Me doy cuenta de que hay y habrá escenarios en los que se prefiere uno o ambos y eso dependerá del escenario.

Pero a lo que me refiero es al diseño general de la página para diseños perfectos en píxeles, ¿cuál es la regla general?Llevo poco más de un año en HTML y CSS y vengo de una experiencia en diseño gráfico, por lo que la mayor parte de mi línea de pensamiento se basa en gran medida en abordar un diseño desde el punto de vista del diseño primero.Hasta ahora, en mis diseños web, he usado la regla general para usar divs con títulos apropiados con flotadores, relleno y márgenes al diseñar una página, y si algo requiere un posicionamiento absoluto (como un elemento que se pega en el borde de la pantalla o un div) úselo cuando sea necesario.

Pero últimamente he comenzado a repensar mi enfoque del diseño de página y me pregunto si comenzar con el posicionamiento absoluto como regla general es una mejor idea.

¿Alguien puede señalar algunos buenos artículos o recursos sobre este tema? Me encantaría escuchar también los comentarios personales de todos.

Answer 1

Puedo ver que usted está viniendo, pero utilizando posicionamiento absoluto para su diseño es extremadamente inflexible. Creo que sería mejor para llevar a cabo tal como eres, utilizando el modelo de cuadro de CSS. Eso no quiere decir que el posicionamiento absoluto es algo malo, sólo que no es lo suficientemente flexible como para manejar diseños fluidos, el cambio de caja de los tamaños, etc.

Answer 2

He estado aprendiendo más y más acerca de diseño CSS y sus peculiaridades en los últimos 2 años y estoy más o menos utilizando la técnica de flotación / margen, ya que me parece dar los mejores resultados a través de diferentes navegadores.

Tal vez era sólo la forma en que lo hacía, pero me han experimentado algún dolor con posicionamiento (absoluto dentro de contenedores relativos) al intentar conseguir los mismos resultados en todos los navegadores. IE era por lo general el valor atípico y que era en su mayoría con IE6 / 7. Tengo dudas con ir directamente a la posición absoluta, pero quizás otros aquí podría haber tenido una experiencia mejor y se puede apuntar en una dirección mejor.

Buena suerte y espero que encuentre algo que se siente cómodo para usted!

Answer 3

Como se mencionó Rowan, posición absoluta es inflexible con todos los diferentes dispositivos y tamaños de pantalla.

Lo que debe hacer, especialmente si viene de un fondo gráfico, es el uso de un diseño de cuadrícula en el proceso de diseño de página web que corresponde a un marco de la red de páginas web, por ejemplo de arranque.

Luego le ponen

A: simétrico y atractivo diseño

B: Alguien que sabe mucho mejor que cualquiera de nosotros que ha manejado todos los problemas que flota y los márgenes podrían causar y que va a actualizar el marco en el futuro para compensar el desarrollo vueltas web está tomando.