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