Ich hätte gerne auf meiner Seite eine div die zentriert ist und eine bestimmte Breite hat, die aber über diese Breite hinausgeht, wenn der Inhalt dies erfordert. Ich tue dies mit dem Folgenden:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
.container-center {
text-align: center;
}
.container-minwidth {
min-width: 5em;
display: inline-block;
border: 1px solid blue;
}
</style>
</head>
<body>
<div class="container-center">
<div class="container-minwidth">
a
</div>
</div>
</body>
</html>Das funktioniert gut mit Firefox/Safari, aber nicht mit IE6, der die display: inline-block . Haben Sie einen Tipp, wie man dies auch im IE6 umsetzen kann?
4 Stimmen
IMO sollte es einfach so belassen werden, dass es im IE6 schlecht aussieht.