Trabajé con un diseñador que era muy TOC para hacer esto. 🙂 HTML no fue realmente diseñado para eso: fue diseñado para ser muy flexible, con contenedores que cambian de tamaño para diferentes cantidades de contenido.
Por lo tanto, se han utilizado varios hacks a lo largo de los años para obtener alturas de contenedor iguales. Como principiante, es posible que aún no se haya encontrado con ellos.
La forma más simple, por supuesto, es tener una caja grande que encierra sus dos columnas, y ambas cajas tienen el mismo color de fondo, por lo que la longitud de cada columna no es obvia. No hay problema para resolver. Pero, ¿qué pasa si tiene diferentes colores de fondo en cada columna? Entonces la diferencia es obvia. O peor, ¿qué pasa si tiene un borde obvio en cada columna? Es un dolor aún mayor para “igualar”.
Mi amigo diseñador vino del mundo de la impresión, y no hay nadie más exigente con la exactitud que los impresores. 🙂 Así que al principio usé técnicas de Javascript para “forzar” que las columnas coincidieran en longitud.
- ¿Dónde puedo encontrar el procedimiento de cálculo para el diseño de un mecanismo de trinquete y trinquete?
- ¿Hay algún sitio web, blog o cuenta de Instagram para encontrar inspiración? Podría ser para arte, fotografía, diseño gráfico, diseño de interiores, arquitectura, citas, viajes, cosas interesantes, etc.
- ¿Cuál es el alcance del diseño gráfico / VFX en India?
- Cómo diseñar un estilo Mapbox para que solo se muestre un estado específico
- Cómo ganar dinero como diseñador gráfico mientras estás en la escuela secundaria
Luego me encontré con métodos de CSS puro para esto. ¡Mucho más bonito! Hay un montón de ellos, y son bastante inteligentes. Aquí hay un gran resumen de eso: el que más he usado es el método “One True Layout”. Ancho de fluido Columnas de altura igual | CSS-Tricks