Cómo hacer que el ancho del porcentaje de div en relación con el div principal y no la ventana

Question

Dec 13, 2012, 09:14 PM

Cómo hacer que el ancho del porcentaje de div en relación con el div principal y no la ventana

Aquí está el HTML con el que estoy trabajando.

<div id="outer" style="min-width: 2000px; min-height: 1000px; background: #3e3e3e;">
  <div id="inner" style="left: 1%; top: 45px; width: 50%; height: auto; position: absolute; z-index: 1;">
    <div style="background: #efffef; position: absolute; height: 400px; right: 0px; left: 0px;"></div>
  </div>
</div>

Lo que me gustaría que sucediera es que la división interna ocupe el 50% del espacio asignado a la división principal (externa). En cambio, está obteniendo el 50% del espacio disponible para la ventana gráfica, lo que significa que a medida que el navegador / ventana gráfica se reduce de tamaño, también lo hace.

Dado que la div exterior tienemin-width de2000px, Esperaría que la div interior sea al menos1000px amplio.