Matthias: Inhalt ragt über div hinaus

Hallo zusammen,

ich möchte eine horizontale Navigation erstellen, die ganz oben am Seitenrand platziert ist. Dazu habe ich folgenden Code verwendet:

<div style="background:#000000"><a href="#" style="padding:5px;background:#ffffff">Hallo</a></div>

In echt sind's ein paar mehr Links. Soll jetzt nur zur Veranschaung dienen.

Jetzt ist es aber leider so, dass sich der div-Container nicht an die Höhe der Links anpasst. Er scheint die neue Höhe, die durch das padding entsteht, zu ignorieren. Hier ein Screenshot:
http://www.interound.de/bild.gif

doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Ziel ist also, dass das Eltern-div der Links die letztendliche Höhe der Links annimmt. Wenn ich den Link um folgendes ergänze: display:inline-block macht's der IE richtig, beim Firefox ändert sich nix:
http://www.interound.de/bild2.gif

Habe mich schon dumm und dämlich gesucht. Ich verstehe es nicht...

Vielleicht kann mir hier jemand helfen.

Matthias

  1. ich verstehe allgemein nicht, was du meinst - kannst du ggf einen beispiellink posten und ein bild dazu, wie es aussehen soll?

    1. ich verstehe allgemein nicht, was du meinst - kannst du ggf einen beispiellink posten und ein bild dazu, wie es aussehen soll?

      Seite:
      http://www.interound.de/index3.php
      Style-Sheets:
      http://www.interound.de/style3.php

      Da gibt's dann auch Quellcode.

      unten is ohne ul oben is mit ul - kein Unterschied.

      Warum passt sich das div nicht an die Links an?

      Matthias

  2. hi Matthias,

    <div style="background:#000000"><a href="#" style="padding:5px;background:#ffffff">Hallo</a></div>
    In echt sind's ein paar mehr Links. Soll jetzt nur zur Veranschaung dienen.

    Wenn´s viele Links sind pack sie in ein <ul>, da sind sie eh besser augehoben, das <ul> von SELFHTML lässt sich besonders leicht formatieren.

    Grüße aus H im R an Matthias,
    Primus Enginus