Search the Community

Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар: @media all and (min-width: 480px) and (max-width: 959px) { .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре занимает контент и одну - сайдбар: @media all and (min-width: 960px) { .sidebar-first #content { /* Span 4 columns, starting in 2nd column from left. */ float: left; width: 80%; margin-left: 20%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 20%; margin-left: 0%; margin-right: -20%; } Хочется сделать так, чтобы для экранов шире 960 пикселей сайдбар имел фиксированную ширину, 300 пикселей например. Подскажите, как должен выглядеть код для второго стиля? Ведь указывать ширину в процентах, как я понимаю, уже не получится, но и ширина #content в пикселях тоже не известна.