BODY { margin:0; padding:0; background-color:#ecfaf8; font-family: Verdana, Arial, sans-serif; font-size: 14px; color:#556995; } CHECKBOX, INPUT, RADIO, SELECT { font-family: Verdana, Arial, sans-serif; font-size: 13px; color:#ad4e00; border:none; border:1px solid #3778dc; } .box_small_content INPUT{color:#ad4e00;} TEXTAREA { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 13px; } IMG {border:none;} H3{font-size:13px;} H2{font-size:14px;} H1{font-size:16px;} A {color:#0D2A68; font-size:13px; text-decoration:none; font-weight:bold;} A:hover {color: #353535; text-decoration:underline;} #send_request input{margin:5px;} #outer_wrapper { /* т.к. min-width не поддерживается IE, мы будем использовать скрипт написанный PVII */ min-width:1100px; /* Правило для решения бага прорисовки фона в IE, но т.к. оно создает промежуток под футером, мы добавим такое же правило в блок #footer */ width:100%; /* Техника ложных колонок (faux-column), левая колонка background:url(left.gif) repeat-y left ;*/ background:url(images/bg_header.jpg) repeat-x top; margin:0; padding:0; } #wrapper { /* Техника ложных колонок (faux-column), правая колонка */ background:url(right.gif) repeat-y right ; } #header { /* Задаем "определение позиции" для элемента и устраняем peek-a-boo баг в IE (v6 sp2) */ width:100%; /* Предыдущее правило создает горизонтальную прокрутку в IE, избавимся от нее */ margin:0 -1px; background:url(images/clawds_right.png) top right no-repeat; } #flash_header{ height:175px; background:url(images/clawds_left.png) top left no-repeat; } #box_header{ padding-top: 0px; } .nav_header_left{ background:url(images/nav_header_left.png) top right no-repeat; } .nav_header_right{ background:url(images/nav_header_right.png) top left no-repeat; } .nav_header_repeat{ background:url(images/nav_header_repeat.png) top repeat-x; } .nav_title{ padding:5px; margin:0; padding-bottom:10px; text-align:center; } #container { float:left; width:100%; /* IE удваивает внешние полоски (margins) у плавающих элементов, позаботимся об этой проблеме */ display:inline; /* Тут мы расходимся во мнениях с Ryan Brill (автором статьи в ALA) */ margin-left:-250px } #left { float:left; width:250px; /* IE удваивает внешние полоски (margins) у плавающих элементов, позаботимся об этой проблеме */ display:inline; margin-left:250px } #main { /* ширина левой колонки #left (250px) + отрицательное поле (negative margin) у блока #container (250px) */ margin-left:500px ; min-width:600px; } /* Примечание: если блок #sidebar будет короче чем блок #main, тогда можете удалить это правило */ #sidebar { /* Для сохранения контента блока #sidebar справа от блока #main, если контента в #main меньше */ padding-left:100%; /* Возвращаем блок #sidebar на место, который был вытеснен из вьюпорта из-за отступа */ margin-left:-250px } #sidebar p { /* Удостоверимся что IE (v6 sp2) отображает элемент (та же проблема что и с блоком #header, но решение другое) */ position:relative; } #footer { /* См. блок #outer_wrapper */ width:100%; /* Для очистки #container */ clear:both; } #footer_content{ min-height:300px; } #copyright{ vertical-align:bottom; text-align:right; padding:200px 130px 0 160px; } #footer_left{ background:url(images/footer_left.png) no-repeat bottom left; } #footer_right{ background:url(images/footer_right.png) no-repeat bottom right; } /* Этот класс применяется к 2-м структурным хакам в разметке. Первый "бессмысленный" элемент используется для очистки блока #left в NN6, а последний для очистки #container в NN4 */ .clearing {height:0;clear:both} .clear {clear:both;} .box_content{ min-height:550px; padding:15px 20px; } .box_small_content{ min-height:100px; padding:15px 20px; } .box_small{ background:url(images/box_small_bg_repeat.png); } .box_small_left{ background:url(images/box_small_left_repeat.png) repeat-y top left; } .box_small_right{ background:url(images/box_small_right_repeat.png) repeat-y top right; } .box_small_tl{ background:url(images/box_small_tl_norepeat.png) no-repeat top left; } .box_small_tr{ background:url(images/box_small_tr_norepeat.png) no-repeat top right; } .box_small_top{ background:url(images/box_small_top_repeat.png) repeat-x top left; } .box_small_bl{ background:url(images/box_small_bl_norepeat.png) no-repeat top left; } .box_small_br{ background:url(images/box_small_br_norepeat.png) no-repeat top right; } .box_small_bot{ background:url(images/box_small_bot_repeat.png) repeat-x top left; height:21px; } .box_grey{ background:url(images/box_grey_bg_repeat.png); } .box_grey_content{ min-height:30px; padding:20px 0 0 0; display:block; width:100%; } .box_grey_left{ background:url(images/box_grey_left_repeat.png) repeat-y top left; } .box_grey_right{ background:url(images/box_grey_right_repeat.png) repeat-y top right; } .box_grey_top{ background:url(images/box_grey_top_repeat.png) repeat-x top left; } .box_grey_tl{ background:url(images/box_grey_tl_norepeat.png) no-repeat top left; } .box_grey_tr{ background:url(images/box_grey_tr_norepeat.png) no-repeat top right; } .box_grey_bl{ background:url(images/box_grey_bl_norepeat.png) no-repeat top left; } .box_grey_br{ background:url(images/box_grey_br_norepeat.png) no-repeat top right; } .box_grey_bot{ background:url(images/box_grey_bot_repeat.png) repeat-x top left; height:33px; } #ie6{display:none;}