Moin Allerseits ich verwende für ein Menü, damit der content Vertical Zentriert ist folgenden Code, nur leider kann der IE6u7 nicht damit ungehen, der IE8 stellt es richtig da:
und folgenden Quellcode:
ich hoffe Ihr versteht mein Problem...
Gruß
Gunah
CSS:
#column_left,#column_left ul,#column_left ul li.e1,#column_left ul li.e1 a.e1 {
width: 175px;
}
#column_left {
float: left;
}
#column_left ul {
padding: 0px;
margin: 0px;
display: table;
list-style-type: none;
}
#column_left ul li.e1 {
display: table-row;
!display: block;
}
#column_left ul li.e1 a.e1 {
padding-left: 28px;
padding-right: 13px;
width: 124px;
display: table-cell;
vertical-align: middle;
height: 39px;
overflow: hidden;
background-image: url('../images/menu/normal.gif');
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
line-height: 1.2;
}
#column_left ul li.e1.efirst a.e1 {
padding-top: 5px;
background-image: url('../images/menu/normal_top.gif');
}
HTML:
<div id="column_left">
<ul class="nopadding">
<li class="e1 efirst"><a href="#" class="e1" title="Elektronische Produkte">Elektronische Produkte</a></li>
<li class="e1"><a href="#" class="e1" title="Computer Produkte">Computer Produkte</a></li>
<li class="e1 elast"><a href="#" class="e1" title="Werkzeuge">Werkzeuge</a></li>
</ul>
</div>
ich hoffe Ihr versteht mein Problem...
Gruß
Gunah