djflorfila
Постоялец
- Регистрация
- 13 Янв 2013
- Сообщения
- 109
- Реакции
- 32
- Автор темы
- #1
Не стал создавать новую тему...
1-й раз полностью вручную верстаю достаточно сложный шаблон под WP с множеством виджетов. Уже многое сделано, но возникла 1 неприятная загвоздка. Подскажите пожалуйста как правильно решить задачу?!![Очень прошу :thenks: :thenks:](/styles/default/nulled/smilies/128.gif)
Что требуется (для примера![Печаль :( :(](/styles/default/nulled/smilies/ac.gif)
(css не подключал для сокращения примера)
Получаем такую картину:
Всё вроде бы неплохо, но, если применить увеличение страницы, скажем на 150% и более, и прокрутить страницу до конца вправо, то получаем следующее:
Как от этого избавиться???
Как добиться равной ширины HEAD & FOOTER по отношению к BODY при увеличении, чтобы получалось так:
1-й раз полностью вручную верстаю достаточно сложный шаблон под WP с множеством виджетов. Уже многое сделано, но возникла 1 неприятная загвоздка. Подскажите пожалуйста как правильно решить задачу?!
![Очень прошу :thenks: :thenks:](/styles/default/nulled/smilies/128.gif)
Что требуется (для примера
![Печаль :( :(](/styles/default/nulled/smilies/ac.gif)
- 1 див HEAD растянутый на 100% по ширине + фикс высоты 100px
- 1 див BODY фикс ширины 1000px + минимальная высота 300px
- 1 див FOOTER растянутый на 100% по ширине + фикс высоты 50px
Код:
<div style="background: #FF6633; height: 100px; width: 100%;">head</div>
<div style="background: #FFCC33; min-height: 300px; width: 1000px; margin: auto;">body</div>
<div style="background: #33CC33; height: 50px; width: 100%;">footer</div>
(css не подключал для сокращения примера)
Получаем такую картину:
![ad5ebf77885f.jpg](/proxy.php?image=http%3A%2F%2Fs020.radikal.ru%2Fi712%2F1307%2F26%2Fad5ebf77885f.jpg&hash=c1e6333b977ab12f628e3b79cd1eb8dd)
Всё вроде бы неплохо, но, если применить увеличение страницы, скажем на 150% и более, и прокрутить страницу до конца вправо, то получаем следующее:
![c22f43723e2f.jpg](/proxy.php?image=http%3A%2F%2Fi074.radikal.ru%2F1307%2F1b%2Fc22f43723e2f.jpg&hash=51ba0338111285bf5f6427d9c983647b)
Как от этого избавиться???
![В замешательстве :confused: :confused:](/styles/default/nulled/smilies/be.gif)
![7f103d5df7a5.jpg](/proxy.php?image=http%3A%2F%2Fs020.radikal.ru%2Fi705%2F1307%2F09%2F7f103d5df7a5.jpg&hash=fadcb388c58a227c029df7d439feee2d)