nicht angemeldet
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