Bild, Box (en) Browserfüllend anzeigen

[Malon]

Das ist ja noch eine lösbare Forderung.

Ich habe sie noch nicht gelöst.

In die zweite Box würde ich gerne ein Bild hinterlegen, das genauso BREIT und HOCH ist wie eben der Browser, bzw. die anderen Felder.

vergössern, Wegschneiden

Also das mit dem Bild habe ich so hinbekommen, aber die grösse der Box will nicht funktionieren

http://dabblet.com/gist/51723af371268bb6282a

<div id="box1">
<div class="rahmen">
<img src="http://upload.wikimedia.org/wikipedia/commons/1/16/Satellitenaufnahme_der_Alpen.jpg" alt="" title="" />
</div>
</div>

<div id="box2">Box 2</div>
<div id="box3">Box 3</div>

#box1 {
width:100%;
height:500px;
background:#000;
}

.rahmen {
width:100%;
height:100%;
background:#000;
position: relative;
overflow: hidden;
}
img {
min-width: 100%;
min-height: 100%;
position: absolute; 
bottom: 0 ;
}

		
#box2{
background:#ff0000;
width:100%;
padding:100% 0 0 0;

}	
	
#box3{
background:#BB0000;
width:100%;
padding:100% 0 0 0;
}