Lieber Gunnar
Aber warum machst du das so kompliziert?
OK, das leuchtet soweit ein.
Wenn ich alles richtig verstanden habe,
müsste es doch nun folgendermassen richtig sein:
-------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<link rel="stylesheet" type="text/css" href="../css_Test2.css">
<title>XXXXX</title>
</head>
<body>
<ul id="produktbilder">
<li><img src="str006-a.jpg" alt=""></li><li><img src="str006-b.jpg" alt=""></li><li><img src="str006-c.jpg" alt=""></li><li><img src="str006-d.jpg" alt=""></li><li><img src="str006-e.jpg" alt=""></li><li><img src="str006-f.jpg" alt=""></li>
</ul>
</body>
</html>
-------------------------------------------------------------------
Und der dazugehörige CSS-Code:
-------------------------------------------------------------------
* {margin: 0; padding:0;}
ul#produktbilder {
width: 510px;
}
ul#produktbilder img {
vertical-align: bottom;
width: 250px;
height: 148px;
}
ul#produktbilder li {
list-style-type: none;
border: 1px solid #000000;
width: 250px;
display: inline;
}
-------------------------------------------------------------------
Das will nun aber immer noch nicht richtig klappen.
Das ruft im IE, Firefox und Opera verschiedene merkwürdige Effekte hervor.
Siehe selbst:
http://spaceart.de/_Test/produkte/str006_Test2.htm
Hab ich Dich vielleicht doch irgendwie falsch verstanden?
Gruß
Ingo