Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: Framonteu Sarra en 29 de Julio 2015, 23:48

Título: CSS HTML cómo crear un diseño centrado y que las cosas no se muevan
Publicado por: Framonteu Sarra en 29 de Julio 2015, 23:48
Hola, necesito un poco de ayuda, no hace mucho que empece a meterme en CSS, HTML y PHP, y estoy diseñando una pagina, en la que estoy tratando de armar el diseño, pero me estoy topando con un gran problema que no puedo resolver y me gustaría que me ayuden por favor!

El problema es que no puedo adaptar la pagina de manera que se vea correctamente en distintos monitores, ademas de que las cosas se me mueven cuando aumento o disminuyo el zoom del navegador, he estado viendo que las paginas en general tienen todo en el medio (para entenderme mejor sáquenle el zoom a esta misma pagina y verán a que me refiero) y no logro hacer que mi página quede de esta manera, agradecería si me ayudaran a resolver mi problema, muchas gracias.
Título: Re:CSS HTML
Publicado por: Alex Rodríguez en 30 de Julio 2015, 00:14
Hola Framonteu, lograr un diseño consistente no es fácil, puede requerir de conocimientos avanzados. En este curso tienes algunos detalles que te pueden ser útiles (por ejemplo el apartado donde se habla de diseño fluido) http://aprenderaprogramar.com/index.php?option=com_content&view=category&id=75&Itemid=203

Para evitar el efecto "cosas que se mueven" una opción que se suele utilizar es definir un ancho fijo en pixeles por ejemplo width: 980px; en lugar de anchos en unidades relativas o porcentajes.

Saludos
Título: Re:CSS HTML cómo crear un diseño centrado y que las cosas no se muevan
Publicado por: Framonteu Sarra en 30 de Julio 2015, 01:05
Muchas gracias :)