Gregor: Bild Browserfüllend, und trotzdem soll nach unten gescrolt werde

Beitrag lesen

Hi Gregor,

http://jsfiddle.net/nhtdupjb/8/

jetzt klappt die Breite, aber die Höhe ist jetzt höher als das BrowserFenster.

Ok, habe verstanden was du meinst

Irgendwie müssen die beiden Fassungenzusammen kommen.

Höhe des Browserfensters, und das Bild soll sich der Breite anpassen.

Verstehe

Das ist ja zum verrückt werden.

Moni

Versuch dies

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - jsFiddle demo</title>

<script type='text/javascript' src='/js/lib/dummy.js'></script>

<link rel="stylesheet" type="text/css" href="/css/result-light.css">

<style type='text/css'>
html, body{
width: 95%;
height:100%;}

.bgimage{
 position:relative;
    left: 5%;
    min-height: 100vh;
    min-width: 100%;
    width: 100%;
}
#box1 {background:#ff0000;height:400px;}
#box2 {background:#c0c0c0;height:400px;}

</style>
 </head>
<body>
  <div id="header">
    <img src="hochkonig-007.jpg" class="bgimage" />
    </div>
<div id="box1">a
</div>
<div id="box2">b
</div>

</body>

</html>