Прошу помогите разобраться в коде уже 2 день ломаю голову не понимаю почему футер начинается от центра страницы а не от самого начало, как правильно указать ему границы. Привожу весь код страницы: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen"> <!--[if IE 6]><link rel="stylesheet" href="/css/ie6.css" type="text/css" media="screen"><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="/css/ie7.css" type="text/css" media="screen"><![endif]--> <script type="text/javascript" src="/js/3column.js"></script> <script type="text/javascript" src="/js/chainedselects.js"></script> <script type="text/javascript" src="/js/common_func.js"></script> <title>{% block title %} {% SiteCaption %} {% endblock %}</title> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="/">{% SiteCaption %}</a></h1> <p>{% Subtitle %}</p> </div> <!-- Дефолтный блок контакты в шапке --> <div id="contacts"> <div><!--><img src="../images/phone.jpg" alt="" /><h5> {% Phone %}</h5><--></div> <span></span> </div> </div> <!-- end #header --><!-- Дефолтный блок навигации --> <dl id="navigation" class="box"> <dd id="menu" class="fl"> <ul> {% Menu menu_up %} </ul> </dd> </dl> <!-- end #menu --> <div id="page"> <div id="page-bgtop"> <div id="page-bgbtm"> <div id="content"> <div> {% block picture %} <!-- Здесь мы запаковали картинку в блок чтобы на внутренних страницах иметь возможность переопределить его изменив картинку --> <img src="../images/img02.jpg" alt="" /> {% endblock %} </div> <div class="post"> {% block content %} <!-- Вот здесь внутри между этими двумя тегами идет контент --> {% endblock %} </div> </div> <div id="sidebar"> <dl> <dd id="search" class="fr"> <form action="/search/" method="get"> <div> <input type="text" name="q"> <button type="submit">Найти</button> </div> </form> </dd> </dl> <!-- Дефолтный блок --> <!-- <dl class="blocks"> --> <!-- <dt> --> <!-- <b>Меню</b> --> <!-- </dt> --> <!-- <dd> --> <!-- <ul class="menu"> --> <!-- {% Menu main_menu %} --> <!-- </ul> --> <!-- </dd> --> <!-- </dl> --> <!-- Дефолтный блок --> {% CartGlobal %} {% CatGlobal %} {% NewsObjectsGlobal %} <!--Тут выводится список новостей--> <!-- Дефолтный блок --> <!-- {% ArticlesBasesGlobal %} --> <!--Тут выводится список групп статей--> <!-- Дефолтный блок --> <!-- {% GalleriesBasesGlobal %} --> <!--Тут выводится список групп фотогалереи--> <!-- Дефолтный блок --> <!--Тут будет список сайтов одной из групп каталога --> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> </div> </div> <!-- end #page --> </div> <div id="footer"> <p>{% Cmscopyright %} </p> </div><!-- end #footer --> </body> </html> P.S и еще непонятно почему перед footer`ом рисуется непонятная полоска как её убрать
С этим моментом разобрался, возник другой вопрос есть полоса внутри это полосы описаны пункты меню. Но они не распределяются равномерно. Как следствие весь шаблон выглядит по кривому. Привожу описание шаблона Помогите разобраться пожалуйста: [css]/* Menu 970 */ #menu { width: 75%px; height: 36px; margin: 0 0 0 10px; display: inline; <!-- background: #000; --> background: #3E00AE; } #menu ul { line-height: normal; } #menu li { padding: 0; } #menu a { height: 28px; float: left; background: #3E00AE; padding: 8px 35px 0; text-decoration: none; text-align: center; color: #FFF; font-size: 14px; } #menu a:hover, #menu .current a { background: #278CB8; text-decoration: none; } #menu .current a { background: #278CB8;[/css]