[1] http://www.disenorama.com/articulos/css/el_modelo_de_cajas.htm
[2] http://www.disenorama.com/tutoriales/css/como_solucionar_problemas_en.htm
Saludos.
Iban Rodriguez wrote:
Hola,
Estoy empezando un nuevo proyecto que voy a desarrollar con DIVs utilizando CSS. Tengo un "contenido" que tiene 780px de ancho, y est� dividido a su vez en una parte izquierda para el men� lateral (ocupa toda la vertical), y una derecha para el contenido. En la parte derecha est� la cabecer, arriba del todo (un "layout" similar al de microsoft.com, pero quitando toda la banda corporativa azul superior).
El tema es que los menus de la izquierda tienen un hueco de unos 7px a su alrededor (una especie de margen... o padding? ;-) ), y el cotenido tambien. Es decir, est�n como separados entre s�, dejando a la vista el fondo de la p�gina, quedando algo asi como flotantes.
Claro... yo he definido un "contenido" a 760px, un lado "izquierdo" a 160px y un lado "derecho" a 620px. (todas las divs van dentro de "contenido")
Despu�s de conseguir tener todo maquetado perfectamente con simples DIVs coloreados en colorines para ver que todo encaja, me he puesto a meterle las imagenes, asignarles m�s propiedades, etc.. y aqui es donde empieza mi locura, termina todo este rollo que he metido, y doy paso mi pregunta.
Asigno al lado izqueirdo un padding de 7px. Tachan! El "contenido" ahora pasa a ocupar 794px. Es decir, NO se asignan padding hacia dentro... sino que parece ser que mantiene sus 160px de anchura y adem�s le A�ADE 7+7 px... �esto es normal? Consultando documentaci�n por ah� parece que si pero... no le veo sentido.
Me explico... he probado a bajar las medidas de "izquierdo" de 160px a 156px con padding 7px y ahora claro... va perfecto. Despu�s me ha pasado lo mismo con el lado derecho... media 620 y he tenido que bajarlo a 610 porque lleva 5px a los lados. Y ahora resulta que intentando ajustar la imagen de la cabecera para que quede encajada entre ese lio de paddings, el DIV se me salta de linea porque no entra en "contenido" y la cabecera se me va pa tudela.
Es decir, me estoy volviendo loco. No termino de entender esto por m�s tutoriales que he le�do. Necesito saber cu�les ser�an las pautas a seguir en estos casos, c�mo se suele hacer.... he le�do por ahi poner subcontenedores y hacer algo asi: Contenedor: width: xxx Contenedor subcontenedor Padding: Margin:
Pero me sigue pareciendo una chapuza.
Voy a seguir haciendo pruebillas... a ver si alguien me da un rayo de luz.
Gracias de antemano, Un saludo.
__________________________ . � Iban Rodriguez � . { Programador, <THE MOVIE> } www.themovie.org
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo
