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