vertical-align in einer Liste

[Martin Hein]

Hallo Forum,

ich habe ein Problem damit, den Text innerhalb
einer Liste vertikal auszurichten. Das IE macht
das nicht vernünftig. Der Text innerhalb der li
ist nicht zentriert. Weder 'vertical-align:top'
noch 'padding' greift. Zur Veranschaulichung des
Problems zwei Screens:

1. http://herrhein.com/public/bilder/ie.jpg
2. http://herrhein.com/public/bilder/opera.jpg

... und der Code dazu

HTML:
-----

<ul class="mainmenu_ul">
 <li class="mainmenu_hi_li"><a class="mainmenu_a">Menüpunkt 1</a></li>
 <li class="mainmenu_lo_li"><a class="mainmenu_a">Menüpunkt 2</a></li>
 <li class="mainmenu_lo_li"><a class="mainmenu_a">Menüpunkt 3</a></li>
 <li class="mainmenu_lo_li"><a class="mainmenu_a">Menüpunkt 4</a></li>
</ul>

CSS:
----
.mainmenu_ul
{
position: relative;
top: 35px;
left: 16px;
width:155px;
margin: 0px;
padding: 0px;
list-style-type:none;
border-top: #DCDBE0 1px solid;
}

.mainmenu_hi_li
{
width:155px;
border-bottom: #DCDBE0 1px solid;
background: url(/_global/images/mainmenu/mainmenu_bg.gif) no-repeat top;
}

.mainmenu_lo_li
{
width:155px;
border-bottom: #DCDBE0 1px solid;
background: #ff00ff;
}

.mainmenu_a
{
 color:#7B8288;
 font-family: arial;
 font-size: 0.7em;
 font-weight: bold;
 text-decoration: none;
 line-height:22px;
background: #C8FC98;
}

Ich hab keine Idee, wie ich dem ganzen abhelfen kann. Eine
feste Höhe für die li kann ich nicht definieren, weil die
Liste noch verschachtelt wird.

hat jemand eine Idee ?

tausend dank,
martin

[xpfreund]

Hallo,

CSS:

.mainmenu_ul
{
position: relative;
top: 35px;
left: 16px;
width:155px;
margin: 0px;
padding: 0px;
list-style-type:none;

lösche list-style-type und

border-top: #DCDBE0 1px solid;

füge einfach hier ein "display: block" ein

}

dann sollte das klappen.

gruß aus Hosena

[Martin Hein]

Hi,

interessanter Tipp, danke ! Klappte aber leider nicht:

bei IE unverändert
bei Opera wurden bulletpoints angezeigt

schöne Grüsse,
Martin

[xpfreund]

Hallo,

steht die Liste in einem div?

gruß aus Hosena