Наверное, был такой вопрос, но я не нашёл.

Как сделать, чтобы верхнее меню равномерно располагалось по центру с минимальным расстоянием между пунктами независимо от ширины монитора, а не расползалось неравномерно.

скрин меню

код меню{------------ меню --------------} #side .bordered { max-width: 900px; max-height: 40px; position: relative; margin: 0 auto !important; font: 15px Georgia !important; background: rgba(20, 20, 20, 0); text-shadow: 1px 1px 7px #000000; } #thisDiaryInfo {display: block !important; min-width: 200px !important; position: absolute !important; top: -565px !important; left: 710px; } #thisDiaryInfo a {font: normal 20px Georgia !important; color: #584b4b !important; text-shadow: 0px 1px 2px #1e1414; text-transform: lowercase; letter-spacing: -1px; } #side ul {background: rgba(20, 20, 20, 0.8); } #side h1 a { color: #584b4b !important; text-transform: uppercase; font: 20px Georgia; position:absolute; top: -500px; left: -10px;} #side h1 a:hover, #side h1 a:active {color: #6a5a58 !important; text-decoration: none; } .menuSection {text-align:center; padding: 60px 50px 10px 50px !important; font: 16px Times, serif !important; background: rgba(20, 20, 20, 0); display:block; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;} #thisDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;} #thisDiaryOwner {min-width: 120px !important; display: block; position: relative; margin: 0 0px 0 60px;} #myDiaryLinks {max-width: 120px !important; display: block; position: relative; margin: 0 45px 0 30px; } #globalLinks {max-width: 120px !important; display: block; position: relative; margin: 0 0px 0 45px; } #iAmQuit {display: block !important; display: block; position: absolute; margin: 0 0px 0 750px; } #thisDiaryLinks ul, #thisDiaryOwner ul, #myDiaryLinks ul, #globalLinks ul, #iAmQuit ul {min-width: 150px; margin: 0 0 0 -24px !important; } #thisDiaryLinks ul {background:#141414; background: rgba(20, 20, 20, 0.5);} .menuSection a:hover, .menuSection a:active, #authorName:hover {color: #6a5a58 !important; text-decoration: none; } #TagsList ul { width: 160px !important; padding: 5px 0 5px 0 !important; margin: -5px 0 2px -10px !important; } #TagsList li {text-align: left !important; background: none !important; padding: 2px 0 0 5px !important; border-bottom: none !important; } #TagsList span {margin: 0 10px 0 0 !important; } #Stats { padding: 3px 5px 3px 5px !important; color: #372f2f !important; font: 14px Georgia; width: 110px !important; margin: 3px 0 0 -60px !important; } #Stats a {color: #372f2f !important; } #thisDiaryPhoto, .urlLink, #epigraph .postTitle, .umail, .profile, #side h1 .opac6, #photolibLink, .prevnext, #lastComments, #pchs {display: none !important;} #bottomNavLinks a, #pageBar a {text-decoration: none; color: #605857; font: 17px Times, serif; } #bottomNav, #pageBar {display:block; font: 16px Times, serif; text-transform: lowercase; !important; text-shadow: 0px 2px 2px #000; letter-spacing: -1px; margin: -45px 20px 0 20px;}

@темы: меню, diaryCSS, платный сервис, Дизайн