¿Cómo puedo extender el cuadrado azul div para llenar el cuadrado de color marrón?

1 - ¿Cómo puedo extender el cuadrado azul? <div id="Blue"> para llenar el cuadrado, de color marrón?

2 - ¿Cómo puedo hacer coincidir el #frame altura de tamaño a mi ventana de resolución porque es un tiempo más grande y luego la ventana deslizante para desplazarse hacia abajo para ver la parte inferior y en algún momento es más pequeña?

Thx por cualquier ayuda

Puedes ver aqui Demostración jsFiddle

Código relevante.

html

<div id="frame">
    <div id="inside_window">
        <div id="Yellow"></div>
        <div id="Green"></div>
    <div id="Blue"><img src="http://www.centerwow.com/stackoverflow/shark.png"  height="50" width="50" />
    <img src="http://www.centerwow.com/stackoverflow/ship.png"  height="100" width="120" /></div>
    <div id="Red"></div>
    <div id="ver"></div>
    <div id="hor"></div>
    <div id="ver2"></div>
</div>

Style

#Blue{
    position: absolute;
    min-height:100%;
    min-width:75%;
    -webkit-border-radius: 0px;    
    margin: 0 150px;    
    background-color: #62A9FF;
    z-index:10;
    display:table;
    font-size:220%;
    cursor: url(http://www.centerwow.com/stackoverflow/magnet.png), auto;
    left:0px;
    top:0px;
}

preguntado el 04 de julio de 12 a las 10:07

cambiar altura mínima a altura: 100%; -

1 Respuestas

Así que aquí va la respuesta a tu primer problema: http://jsfiddle.net/surendraVsingh/hfuGx/49/

cambiar altura mínima a altura: 100%;

#Blue
{
    position: absolute;
    height:100%;
    min-width:75%;
    -webkit-border-radius: 0px;    
    margin: 0 150px;
    background-color: #62A9FF;
    z-index:10;
    display:table;
    font-size:220%;
    cursor: url(http://www.centerwow.com/stackoverflow/magnet.png), auto;
    left:0px;
    top:0px; 
}

Para su segunda pregunta: agregue a continuación el css dado en la parte superior de su código css:

html, body{height:100%;} 

Nota: Si la altura de la ventana del navegador es demasiado pequeña, mostrará una barra de desplazamiento, porque tomará la altura como la suma de div verde y rojo.

Respondido 04 Jul 12, 10:07

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.