patawic Posted January 9, 2011 Share Posted January 9, 2011 My website: http://xboxgamercard.net/ displays correctly in every browser that i have tried (firefox, IE7,IE8) but the navigation bar refuses to display correctly in chrome. Instead of being a horizontal menu, its displaying vertically, which looks terrible. The css for the menu is /* template menu */ #container{padding: 1px 15px 0 15px;background:#84BF00;} ul#simple-menu{list-style-type:none;width:100%;position:center;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;float: center;} ul#simple-menu li{margin:0 0 0 4px;height:27px;} ul#simple-menu li.left{margin:0;} ul#simple-menu li a{display:inline-table;color:#000;background:#fff;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;} ul#simple-menu li a.right{padding-right:19px;} ul#simple-menu li a:hover{color:#48A100;} html for the menu is just this <div id="container"> <ul id="simple-menu"><center><li><a href='#'>Link 1</a> <a href='#'>Link 2</a> <a href='#'>Link 3</a> </center></li></ul> </div> I have no idea how to fix it Any help will be greatly appreciated Link to comment https://forums.phpfreaks.com/topic/223912-navigation-bar-list-isnt-displaying-correctly-in-chrome/ Share on other sites More sharing options...
patawic Posted January 10, 2011 Author Share Posted January 10, 2011 turns out that google chrome doesnt like inline-table. I changed to inline-block and its working fine in every browser Link to comment https://forums.phpfreaks.com/topic/223912-navigation-bar-list-isnt-displaying-correctly-in-chrome/#findComment-1157240 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.