alfaq

Catherine, спасибо, всё оказалось так просто!

Здравствуйте, суть проблемы: есть меню <div class="mainmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </div> его стиль .mainmenu { height: 50px; background-color: #003362; border-radius: 20px 20px 0 0; } .mainmenu ul { padding-left: 20px; margin-top: 0; } .mainmenu ul li{ list-style: none; display: block; float: left; padding: 0 15px 0 15px; height: 50px; background: url(../images/tab.jpg) 0 50% no-repeat; /* картинка разделитель*/ } .mainmenu ul li a{ color: #FFF; font-size: 16pt; } .mainmenu ul li:first-child{ background: none; } в результате получается как видно на изображении проблема опустить сами ссылки ниже (при этом, что бы фон-разделитель остался на своём месте) пробывал так .mainmenu ul li a{ color: #FFF; font-size: 16pt; padding-top: 15px } может есть какое-то другое решение?

dostel1, да скрол есть, причём фон на весь body должен быть, а стр бывает различной высоты, соответственно от кол-ва контента. Пытался ява скриптом задавать height, но в нём я пока слабоват. Пока сделал работает какmrnobody, посоветовал, но хотелось что бы в ИЕ заработало.

из блоков <div id="l_lg"> <div id="r_lg"> <div id="main"> контент </div> </div> </div> видно что если сделать их абсолютно позиционированными то main будет наследовать от r_lg и следовательно съезжать вправа! Пытался clear: both; но не помогало. если же блоки расположить так <div id="l_lg"> </div> <div id="r_lg"> </div> <div id="main"> контент </div>[code] то проблема с height, они не растягиваются на всю длину контента, height 100% только на длину видимой области тянет

Ergonav, так патылся сделать но правый фон распологается сразу над левым, видимо из-за отсутствия width, добавлял его, но результат не получил. mrnobody, спаисбо хорошая статейка, а главное оказалось так просто! сделал так #l_lg { background: url('../images/l_lg.png') repeat-y; left: 0px; } #r_lg { right: 0px; background: url('../images/r_lg.png') repeat-y 100% 0; } но в IE затишье, как заставить это там работать?

Приветствую всех! Столкнулся с такой проблемой, на сайте имеется div главный, который размещён по центру и в нём находится весь контент, меню и т.д. Этот div имеет ширину 1024px. Теперь о проблеме: необходимо добавить слева и справа фон который будет прилипать к краям браузера, независимо от разрешения монитора пользователя, при этом центральный div остаётся 1024px делаю так <div id="l_lg"> <div id="r_lg"> <div id="main"> контент </div> </div> </div> и css такой на левый фон #l_lg { background: url('../images/l_lg.png') repeat-y; left:0px; } левый фон есть и контент остаётся на своём месте, но теперь как сделать справа фон? ширина фона 100px вертел, крутил, что-то без результов пока.