Caipurinho: Grafik mittig ausrichten, unabhängig von der Auflösung

Beitrag lesen

Hallo zusammen,

wie richte ich eine Grafik mittig, wenn ich egal bei welcher Auflösung den Bildschirm in der Höhe durch die Grafik füllen möchte, sie aber in der Breie ohne Verzerrung mittig ausrichten möchte?

Hier mein Code, ich hoffe, dass sich ein Experte findet, der mir helfen kann.

Den Code habe ich von www.html-seminar.de, weiß aber einfach nicht, wie ich anpassen muss.

Danke für die Hilfe im Voraus,

Cheers
Caipurinho

<html>
<head>
<title>Bild auf ganzen Hintergrund aufspannen</title>

<style type="text/css">
html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

body {
  font-family:sans-serif;
}

#hintergrund {
  position:absolute;
  height:100%;
  z-index:1;
}

#scrollbereich {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  overflow:auto;
  z-index:2;
}

#inhalt {
  padding:20px 100px 30px 200px;
  z-index:2;
}

</style>

</head>
<body>

<div>
<img id="hintergrund" src="whatever" />
</div>

<div id="scrollbereich">
<div id="inhalt">

<p>test</p>

</div>