Hallo Andreas,
Du hast mich gerettet, danke!
So sieht es jetzt aus und funktioniert:
<html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>test</title>
<style type="text/css">
<!--
#navigation {
border:1px solid #000;
width:100%;
}
#navigation div#inner {
background-color:red;
width:100%;
text-align:center;
}
#navigation div ul {
margin:auto;
width:150px;
border:1px solid yellow;
}
//-->
</style>
</head>
<body>
<div id="navigation">
<div id="inner">
<ul>
<li>li1</li>
<li>li2</li>
<li>li3</li>
</ul>
</div>
</div>
</body>
</html>
Wichtig waren vor allen Dingen die Hinweise, dass
a.) ein inline level Element kein block level Element enthalten darf
und
b.) Ein block level Element nicht mit text-align zentriert werden kann
Zu b.) habe ich mir dann http://www.thestyleworks.de/tut-art/centerblock.shtml angelesen.
Danke Dir nochmals, wünsche einen schönen Feierabend,
Hans