display:table und der IE6 und IE7

Gunah

Erfahrenes Mitglied
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:
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');
}
und folgenden Quellcode:
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
 
Hi,

an der Problematik der mangelnden Unterstützung der Tabellenwerte für die display-Eigenschaft von seitens des IE (6 + 7) hat sich seither nichts geändert.

mfg Maik
 
Ansonsten kannst du hier mit line-height:39px arbeiten, um den Elementinhalt vertikal zu zentrieren, was auch von diesen IE-Versionen interpretiert wird.

mfg Maik
 
Zurück