Forum Moderators: not2easy
I have a menu on a clients site that is ok on ie5+, moz. and Opera. But in mac/ie the links are not displayes inline, but on top of each other.
I have been checking the bugs list for mac/ie but can seem to fit a bug on this one. I suppose i could just make the links an inline list, but i want them to display inline, even without css.
anybody got a hint on this one?
<!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="dk">
<head>
<title>x</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#topmenu p{text-align:center;height:17px;font-size:10px;background:#e6e6e6;}
.menu{clear:both; width:100%;}
.menu a{float:left;display:block;text-align:center;}
.menu a:hover{background:#ccc;}
a#a{width:127px;}
a#b{width:140px;}
a#c{width:140px;}
a#d {width:130px;}
</style>
</head>
<body>
<div id="topmenu">
<p class="menu">
<a href="javascript:;" id="a">x</a>
<a href="javascript:;" id="b">x</a>
<a href="javascript:;" id="c">x</a>
<a href="javascript:;" id="d">x</a></p>
</div>
</body>
</html>
Thanks in advance
/Hafnius
.menu a{float:left;display:block;text-align:center;}
Change display:block; to display:inline;.
