Inhalt ragt über div hinaus
Matthias
- css
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
ich verstehe allgemein nicht, was du meinst - kannst du ggf einen beispiellink posten und ein bild dazu, wie es aussehen soll?
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
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