Versionen dieses Beitrags

Fixer Menübalken über der Seite

Thepoeppel crop Rolf B
  • Fixer Menübalken über der Seite
  • Hallo,
  • ich würde gerne über meiner Seite einen schwarzen Balken mit Menüpunkten fixiert sehen, der sich in seiner Breite aber an body anpasst. Angelegt sind:
  • ~~~css
  • body {
  • width: 70em;
  • padding: 0;
  • font-size: 16px; <!-- 1 em -->
  • line-height:1.4;
  • color: black;
  • background-color: #FFFFFF;
  • align: center;
  • }
  • <style>
  • .blackbox {
  • <!--width: 70em; Menü in schwarz -->
  • width: 100%;
  • height: 2em;
  • border: 0em solid;
  • padding-top: 1px;
  • padding-bottom: 1px;
  • vertical-align: middle;
  • horizontal-align: middle;
  • background: black;
  • font-family: Verdana;
  • font-size: 1em;
  • position: fixed;
  • }
  • </style>
  • ~~~
  • ~~~html
  • <div class="blackbox">
  • <img src="MP5blau.jpg">&nbsp&nbsp
  • <a class="zwei" href="#ziel" target="_blank">
  • POLITIKBLOG&nbsp</a>
  • <a class="zwei" href="#auszug" target="_blank">
  • &nbspWAHLPROGRAMM&nbsp</a>
  • <a class="zwei" href="#person" target="_blank">
  • &nbspPERSON&nbsp</a>
  • <a class="zwei" href="#filme" target="_blank">
  • &nbspTHEMEN&nbsp</a>
  • <a class="zwei" href="#alternativen" target="_blank">
  • &nbspALTERNATIVEN&nbsp</a>
  • <a class="zwei" href="#anfragen" target="_blank">
  • &nbspMEHR</a>
  • </div>
  • ~~~
  • Der schwarze Balken ist aber immer nur so breit wie die Texte darin, nicht wie body.
  • Warum? Was mache ich falsch?
  • Eddi