Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/02/2011, 17:45
Avatar de sanxuan
sanxuan
 
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 13 años, 3 meses
Puntos: 36
Respuesta: Quebraderos de cabea con DIVs y CSS

Si dispones de Dreamweaver no le veo la lógica a usar el block de notas en lugar de la vista de código.
Yo no hago maquetaciones rígidas en Photoshop. Los bocetos los utilizo como una orientación y extraigo algunos recortes del mismo para fondos de botones o de algun div.
Si estás acostumbrado a trabajar con tablas y deseas coincidencias exactas del diseño de Photoshop con tu página lo mejor es usar posicionamiento absoluto donde tengas problemas.
Se trataría de utilizar un contenedor de ancho fijo con el ancho que has usado en la maquetación al que le das una posición absoluta o relativa y que en ocasiones querrás centrar usando margin:0 auto.
Dentro de este contenedor puedes situar los distintos recortes dentro de divs (normalmente como fondo), cada uno de los cuales tendrá posición absoluta, dandoles el alto y el ancho del recorte y la posición que ocupaba originalmente definida mediante left y top.
Este método funciona igual que las capas de photoshop, permitiendo incluso superponer unas capas sobre otras usando la propiedad z-index.
Aunque en principio es una máquetación que funciona perfectamente, con la práctica se muestra muy rígida y no es la ideal en todos los casos.
En otras páginas es deseable mayor flexibilidad y otros posicionamentos son más simples cuando las páginas se adaptan de algún modo al ancho de la ventana del navegador.
Con el tiempo llegarás a usar distintos tipos de posicionamiento para distintos elementos de la página. Es sólo cuestión de práctica y de investigar en el código de otros para aprender cómo lo hicieron.