доброго времени суток, господа столкнулся с такой проблемой, в верстке новичок. В общем вот нтмл код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="top"> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Регистрация</a></li> <li><a href="#">Файлы</a></li> <li><a href="#">donsja</a></li> <li><a href="#">Форум</a></li> </ul> </div> <div id="content"> <p>Fishshshshhshshshshshshhshshshshshshshshhshshshshshs </p> </div> </body> </html> вот цсс код: *{ padding: 0; margin: 0; } html{ background: #000; } #top { position:relative; border: 0px solid #000; height:399px; width:927px; text-align:center; background:#f4f url(head.png) no-repeat center top; margin-left:15%; } #menu { position:relative; border: 0px soild #000; height:36px; width:927px; text-align:center; background: #456 url(menu.png) no-repeat center top; margin-left:15%; } #content { position:relative; border: 0px solid #000; height:257px; width:927px; text-align:center; background:#fff url(text_body.png) no-repeat center top; margin-left:15%; } #menu ul { margin: 0; padding: 0; list-style: none; margin-left:135px; list-style-type:none; } #menu li { display: inline; float: left; } #menu li a { display: block; padding: 7px 20px; text-decoration:none; margin-left: 15px; } #content p{ position:relative; margin-left: 20px; text-align:left; } А проблема заключаэтся во в чем, можно ли каждый пункт меню отдельно от других позиционировать и вообще актуально ли это делать. Просто пункты меню находятся не по средине каждой из ячеек, как достичь того, чтоб каждый пункт меню был в ценре каждий из ячеек. ДА и ще, в центральном окне, никак не могу текст отлепить от левого края. Почему? очень сильно надеюсь на вашу помощь.
