Estoy con un problemilla y por más que me he leído los otros threads del foro que tenían relación, no puedo solucionarlo. El tema es así:
Estoy diseñando un sitio a dos columnas a seco, izquierda y derecha. Sin header, sin footer, sólo las dos columnas. Por un tema estético necesito que ambas columnas tengan la misma altura, y no puedo fijar la altura en píxeles dado que la misma hoja de estilo se usa para otras secciones.
Luego de quemarme medio día las pestañas dando vueltas por internet, encontré una solución provisoria, pero cuando declaro cualquier DOCTYPE, adiós solución. He aquí el código que tengo hasta ahora (les pongo nada más lo que afecta a la estructura, para que no sea tan engorroso):
Código:
body { height: 100%; } #contenedor { display: table; width: 100%; height: 100%; } #izquierda { width: 400px; float: left; height: 100%; } #derecha { width: 550px; float: left; height: 100%; }
He probado también con html,body en lugar de body sólo, sin éxito. Alguna forma de compatibilizar ambas cosas (Doctype y ambas columnas?).
Saludos y gracias!!!