nicht angemeldet
Grafik anschneiden in IE6
Hallo Forum,
ich möchte im Header meiner Seite zwei Grafiken positionieren, die eine linksbündig, die andere zentriert zwischen der linken Grafik und dem rechten Rand des Browser-Fensters. Ist das Browser-Fenster zu klein, soll die rechte Grafik angeschnitten werden, d.h. der sichtbare Teil soll angezeigt werden, der Rest im Browser-Nirvana verschwinden.
FF und IE7 machen das auch, IE6 schiebt aber die rechte Grafik unter die linke, wenn das Browser-Fenster zu klein wird, und zerreißt damit mein Layout.
Hier der Code:
--- schnipp ---
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>CSS-Test</title>
<style type="text/css">
</style>
</head>
<body>
<div style="border:2px solid #cc0000;background-color:#ccccff;height:64px;max-height:64px;">
<div style="float:left;width:120;height:64;">
<img src="./links.jpg" alt="links.jgp"">
</div>
<div style="width:auto;text-align:center;overflow:hidden;">
<img src="./rechts.jpg" style="width:468px;height:64px;" alt="rechts.jpg">
</div>
</div>
</body>
</html>
--- schnapp ---
Hat jemand eine Idee?
--
Ciao
Frank Scholz
Ciao
Frank Scholz