Hans Poten: CSS-Layout macht Probleme (Zentrierung)

Beitrag lesen

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