Echale un vistazo a estos layouts para ver comom se utilizan, y lo mejor que puedes hacer es ir modificandoloes y ver como se comportan ante lo que le hagas. Es una buena forma de aprender.
Casi todos tiene barras laterales, pero se las puedes quitar y hacer más ancha la central. http://blog.html.it/layoutgala/ Un saludo ································································· Samuel Agudiño Márquez Habitaquo -> http://habitaquo.wordpress.com -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Juan Aiello - CDS Enviado el: martes, 03 de abril de 2007 16:13 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Css vs. Tablas Hola hace unos meses le solicite un buen manual para poder empezar a pasar mis maquetacion de tablas a xhtml y css, me pasaron un manual de madre http://cafeina.ladybenko.net/?p=338 , ahora ya estoy empezando un trabajo directamente con estilos y madre que cambia, con las tablas en unos minutos hacia magia, sigo con los estilos, pero mi pregunta es, se puede reproducir lo que hacia con las tablas. Ej. yo siempre usaba un tabla dividida en dos filas, la tabla con un ancho 778 px y alto 100% centrada. Esto me aseguraba que siempre estaría centrada y abarcaría el 100% del alto. La tabla dividida en filas, arriba ponia la cabezera y el contenido y la fila de abajo estaba alineada inferior que es donde ponía el pie de pagina, esto me permitía que no importara la resolución siempre mi pie de pagina quedaba abajo, me podría echar una mano con este código en css, la verdad que no lo consigo muy bien, probé con lo siguiente. ( ej de mis tablas y como se comporta en distintas resoluciones http://www.biotecnicas.com.ar/ ) Tratando de reproducir eso en CSS body { text-align: center; margin: 0px; background-color: #CCCCCC; } #container { width : 778px; height: 94%; background-image: url(graficos/fon.gif); margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; clear: none; float: none; ----- #container creo zona que contendra mi info de 778 px por 100% centrada #footer { width:778px; text-align:center; font-size:11px; color:#FFFFFF; background-image: url(graficos/pie.gif); font-family: Arial, Helvetica, sans-serif; text-decoration: none; vertical-align: middle; background-position: center; height: 48px; clear: both; padding: 5px; ------- #footer quiere que salga abajo simpre que se amolde a las resoluciones, pero me aparace despues del container, y me tira la barra de scroll Espero que me haya explicado, gracias Saludos _______________________________________________ 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
