hannes: ist %-Berechnung bei body-bg-position anders als bei div?

Beitrag lesen

Hallo,

ich möchte ein Bild (logo.gif) über einen grauen senkrechten Balken (grey.gif) legen. Beide sollen 8% vom linken Bildschirmrand erscheinen.

Die zwei Bilder werden aber nur deckungsgleich (in der Breite), wenn ich pixel-Angaben mache.

Bei %-Angaben ist logo.gif nach rechts verschoben.
Wie kann man das lösen?

Hier der code

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
       "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>test</title>  
<style type="text/css">  
html, body {  
 height:101%; /* blendet vert-scrollbalken permanent ein */  
 width:100%;  
}  
body {  
 background-color: #eee;  
 font-size: 100.01%;  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-weight: normal;  
 color: #000000;  
 margin: 0; padding: 0;  
 min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */  
 background-image:url(../Grafiken/grey.gif); background-repeat:repeat-y;  
 background-position:8% 0px; background-attachment:fixed;  
}  
  
div#logo {  
    position:absolute;  
 top:5%; left:8%;  
}  
</style>  
</head>  
<body>  
<div id="logo">  
 <img src="../Grafiken/logo.gif" style="width:150px; height:167px; border:1px solid black;" alt="">  
</div>  
</body>  
</html>  

Kann mir jemand helfen?
Gruss