SoSo: Bilder in der Mitte positionieren

Beitrag lesen

Hallo Mr.Murphy,

ok sorry.

HTML:

<!DOCTYPE html>  
<html lang="en">  
<head>  
	<meta charset="utf-8">  
	<title>Startpage</title>  
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">  
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>  
	<a id="yo" href="http://google.de"></a>  
	<!--[if lt IE 9]>  
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
	<![endif]-->  
	  
</head>  
<body>  
</body>  
</html>
background: url(../LockBackground.png) no-repeat center;  
display: inline-block;  
position: absolute;  
top: 0; bottom:0; left: 0; right:0;  
margin: auto;  
height: 150px;  
width: 150px;

Mein Problem liegt halt darin jetzt ein zweites Bild in der entsprechenden Bildschirmhalfte (siehe Skizze)zu zentrieren. Habe versucht mittels left und right anzupassen, aber sobald ich die werte andere, wird's halt nur ganz rechts oder ganz links angezeigt. Wenn ich nicht mit festen Werten arbeiten soll, mit was dann ? :)

Das Bild ist 150 x 150, ist halt ne normale Bilddatei (*.png). Die Bilder sollten sich der Fenstergrosse anpassen und zentriert bleiben.

Wie gesagt, hab erst gestern begonnen mich in html/css einzulesen...ich bitte dies zu berücksichtigen.

Danke.