malquem - это чистой воды логика. Если вы определяете список, то он должен содержать в себе элементы списка, если же элементов нет, то определять нечего. В вашем случае можно элемент <ul>, если в нем нет <li>, не печатать - это решается программно, в модуле (блоке), что там у вас формирует меню.
Проблема в том, что элемент <ul> определяет список и само собой подразумевает наличие хотя бы одного элемента списка - <li>.
Вполне нормальное поведение. При заполнении окна контентом появляется вертикальный скролл, что соответственно уменьшает рабочую область на 17(в среднем) px.
В вашем случае проще расположить фон не по центру, а по левому краю меню, а само меню отцентровать по центру.
Кстати, Сашко прав - 1020 пикселей будет создавать горизонтальный скроллинг на разрешении 1024х768. Максимально допустимый размер - 1002рх.
- да ну? Ну пройдите еще раз по ссылке - кликайте и открывайте пункты для проверки расположения футера.
- а я разве его как-то спрятал? ;) Откройте "просмотр html кода" любым браузером.
- приводил не так давно простой пример для футера внизу: http://realtsib.ru/oldman/footer_bottom/index.html
- разница в отсутствии кавычек, кои должны быть у значения атрибута. Хотя ... о каких таких стандартах может идти речь в этом коде... ;)
charset=cp1251 - не о чем не говорит? --> charset="windows-1251"
Поставить !DOCTYPE, все мета должны быть в служебной области (<head>здесь</head>)
Вы бы основы html подучили сначала, перед тем как вопросы задавать.
Поставьте родительскому блоку ширину 1400рх, тогда при ресайзинге будет появляться горизонтальная прокрутка при размере меньше, чем указанная ширина.
А не проще списком, это же меню у вас?
<!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=windows-1251"> <title></title><style type="text/css">*{margin:0px;padding:0px;}#menu_left{ list-style:none; padding: 12px 0px 15px; margin-top: 30px; background: url('/menu_left_bg.png') no-repeat top center;}#menu_left li a{ font-size: 16px; text-decoration: none; color: #067192; height: 23px; line-height:28px; padding: 0 0 0 19px; margin: 1px 3px 2px;}#menu_left li a:hover{ text-decoration: underline; background: url('/menu_left_a_hover.png') no-repeat right center;}</style> </head> <body><ul id="menu_left"><li><a href="/link1">Text1</a></li><li><a href="/link2">Text2</a></li><li><a href="/link3">Text3</a></li><li><a href="/link4">Text4</a></li><li><a href="/link5">Text5</a></li><li><a href="/link6">Text6</a></li><li><a href="/link7">Text7</a></li><li><a href="/link8">Text8</a></li></ul </body></html>
