serjdjio

Полный код + screenshot margin: 0; padding: 0; } ul { /*для списка отменяем маркеры*/ list-style: none; } a { /*для ссылок отменяем подчёркивание*/ text-decoration: none; } body { background: url(../images/background1.png) no-repeat 50% 0 #0e0e0e; font: 12px/1.67 Arial, Helvetica, sans-serif; padding: 40px 0; } .wrapper { width: 960px; margin: 0 auto; } /*HEADER BEGIN*/ header { background: #ffffff; height: 97px; -webkit-border-radius: 7px 7px 0 0;/*для разных браузеров которые могут не потдерживать(webkit - движок, опера и мозила)*/ -o-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } header h1 { float: left; margin: 30px 0 0 40px; } .tel { background: url(../images/bg-phone.png) repeat-x 0 0;/*repeat-x-Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat*/ padding: 3px 27px 3px 90px;/*размер картинки*/ font-size: 18px; font-weight: bold; color: #c0c0c0; float: right; } nav{ float: right; clear: right; } nav li { float: right; margin: 20px 30px 0px 5px; } nav li a { color: #808080; text-transform: uppercase; /*заглавные буквы*/ font-weight: bold; padding: 3px 15px; } nav li a:hover { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; } nav li.current a { background: url(../images/bg-bt.gif) repeat-x 0 0; color: #ffffff; border-radius: 4px; border: 1px solid #00224b; } /*HEADER END*/ @font-face { font-family: Treb; src: url(../fonts/treb.ttf); } .slider-block { background: url(../images/slider-bg.png) no-repeat 0 0; height: 332px; padding: 85px 50px 0; font-size: 29px; font-family: Treb; color: #fff; line-height: 34px; } .fs-35 { font-size: 35px; font-style: bold; text-transform: uppercase; margin: 10px 0 35px; } .started { background: url(../images/rr.png) no-repeat 95% 55%, url(../images/bg-button.gif) repeat-x 0 0;/*95 и 60 - repeat по x и y*/ font-size: 20px; color: #b90016; text-transform: uppercase; font-weight: bold; padding: 15px 50px 13px 25px; border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; }

Помогите советом. Как склеить два элемента? код нижнего: .underhead { background: #ededed; padding: 35px 0 22px 50px; } .underhead li { float: left; padding: 12px 0 12px 90px; } .underhead h3 { font-size: 15px; color: #575757; } .underhead:auto { content: ''; display: table; clear: both; } Скриншот приложил. Заранее спасибо