> 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](http://dabblet.com/gist/51723af371268bb6282a) ~~~ html <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> ~~~ ~~~ css #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; } ~~~

> 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](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; } ~~~