Ralf Heumann: <li> mit display:inline - Leerräume dazwischen entfernen?

Beitrag lesen

Hallo,

unter http://www.janus-wa.de/layouts/adler/ habe ich noch ein weiteres Problem mit den Registerkärtchen ganz oben über dem Header.

Ich habe dieses mit einer <ul> und <li>-Elementen erstellt. Die <ul> ist rot eingefärbt um sie für das Problem besser hervorzuheben. Mit einigen Tests und Hilfe hier aus dem Forum habe ich es nun fast so, wie es sein sollte und konnte es mit display:inline lösen. Die Grafiken sind im Fx schön am Header angedockt, jedoch stört mich noch der Zwischenraum zwischen den Buttons.

Lasse ich die Grafiken oder <li> Elemente floaten, so erziele ich zwar das Ergebnis, dass die Grafiken ganz aneinander liegen, jedoch liegen sie, aufgrund ihrer unterschiedlichen Höhen, dann nicht mehr unten auf.

Ein weiteres Problem habe ich noch im IE: Obwohl die <ul> absolute positioniert ist und mit bottom: 0; unten am Header andockt, habe ich im IE noch immer einen Abstand von einem Pixel. Wie bekomme ich den weg?

Viele Grüße und schonmal danke im voraus.

Ralf