Zeilenhöhe für horizontales Menü (Liste) anpassen

[Robert]

Hallo,

ich habe ein horizontales Menü mittels HTML-Liste und CSS-Formatierung erstellt. Mein Problem: Sowohl im Firefox (2.0.0.7) als auch im IE(6) erscheinen sowohl über als auch unter den Menüpunkten Abstände, die ich dort gern weg hätte. Zum besseren Verständnis der komplette Anwendungsfall:

• Zwei <div>-Container nebeneinander
• linker Container enthält Navigationspfad
• rechter Container enthält das Menü
• Problem: rechter Container wird durch die Abstände höher als linker Container, der einfach nur Text (keine Liste) enthält und daher die Höhe des Textes annimmt.

CSS:
#navpath {
  font-size:0.8em;
  margin:0 0 0.5em 0;
  width: 50%;
  padding: 0;
  border:1px solid green;
  float:left;
}

#topmenu {
  font-size:0.8em;
  margin:0 0 0.5em 50%;
  padding: 0;
  text-align:right;
  border:1px solid blue;
}

HTML:
<div id="navpath">Home // Seite 1 // Seite 1.1</div>
<div id="topmenu">
  <ul class="menu-top">
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
  </ul>
</div>

[Matze]

Hallo,

<ul class="menu-top">

Sag uns doch bitte noch deinen CSS-Teil dazu.
Besitzt die Klasse die Eigenschaften margin:0; und padding:0; ?

Grüße, Matze

[Robert]

Hi Matze,

vielen Dank erstmal für deine schnelle Antwort.

<ul class="menu-top">

Sag uns doch bitte noch deinen CSS-Teil dazu.
Besitzt die Klasse die Eigenschaften margin:0; und padding:0; ?

Ups, das habe ich in der Tat vergessen. Die Klasse "menu-top" ist wie folgt definiert:

ul.menu-top li {
 list-style: none;
 display: inline;
 padding:0 0 0 0.5em;
 margin:0;
}

Vielen Dank für weitere Tipps.
Robert.

[Matze]

Hallo,

Gib doch ul noch margin und padding 0.

Grüße, Matze

[Robert]

Hallo,

Gib doch ul noch margin und padding 0.

Funktioniert. Na klar, logisch :-). Danke dir nochmals.
Robert.

[Matze]

Hallo,

Gib doch ul noch margin und padding 0.

Funktioniert. Na klar, logisch :-). Danke dir nochmals.

Gern geschehen :)

Grüße, Matze

[Engin]

Hi Robert,

<ul class="menu-top">

ul.menu-top li {
list-style: none;
display: inline;
padding:0 0 0 0.5em;
margin:0;
}

In der ul ist das menu-top eine klasse, in deiner CSS eine ID.
Nur so ein Gedanke.  ;-)

Grüße,
Engin
 GYRO

[Engin]

Hi Engin,

In der ul ist das menu-top eine klasse, in deiner CSS eine ID.

Sorry, bin grad erst aufgewacht. ;-)

Grüße,
Engin
 GYRO

[steckl]

Hi,

Hi Engin,

Selbstgespräch? ;)

Sorry, bin grad erst aufgewacht. ;-)

Guten Morgen :)

mfG,
steckl

[Engin]

Hi steckl,

Hi Engin,
Selbstgespräch? ;)

Automatismus, wie Der zu sagen Pflegt.  ;-)

Sorry, bin grad erst aufgewacht. ;-)
Guten Morgen :)

Wünsche auch einen Guten Morgen ;-)

Grüße,
Engin
 GYRO