для начала неплохо для себя выяснить, а что вы вообще сделать пытаетесь. минимум: прогуглить что есть тег script в html.
вполне может быть, что после этого бредовые вопросы отпадут сами собой...
эт да... быть может не обёрток, но @media придётся насовать от души (я ж говорил - в CSS бардак получается нечитабельный)... ну так нуб должен страдать за понты с блочной вёрсткой...
ты не врубился - это и есть "весь шаблон" 😂 остальное детали. по сравнению с говнокодом растиражированных шаблонов WP или Joomla - верх изящества...
да брось Pavel_, по твоему это "кучей дивных обёрток" ?
<div id="left" class="side"> <div></div></div><div id="right" class="side"> <div></div></div><div id="wrapper"> <div class="right"></div> <div class="left"></div> <div class="bottom"></div></div>
мозг включить - и всё не так страшно, но всё одно - не изящно, но уже в CSS...
это мазахизм такой? упорно искать по инету минималистическое решение под свою задачу, что бы в очередной раз лечь "под дядю" по уязвимостям и расширениям, вместо того что бы за это же время собрать своё на проверенном фреймоврке и расширяться заточенными под себя аддонами этого фреймовка?
"хочешь сделать хорошо - сделай сам" (с)
по всей видимости, левые/правые "уши" это просто блоки для фона - размеры задаются бэкгроунд-картинкой, у всего остального размеры достаточно жёстко задаются самим лэйаутом, так что абсолютное позиционирование вполне может быть более чем к месту. особенно для того, что бы всю дизайнерскую хрень поместить под контетом в исходном коде.
но и без абсолюта всё собирается в два движения - см. выше, хотя в таком варианте про 7-го осла придётся забыть, есссесссно.
ЗЫ: самое эффективное здесь конечно table на две строки 😂 , но пусть ТС сам на себе поймёт природный идиотизм апологетов "только блочной вёрстки"...
руками и по разному 😂 вот на вскидку http://yiis.ru/ самое примитивное решение, для плавающих блоков box-sizing: border-box; width: 50%; паддинги на половину ширины центрального, внутри дивы с отрицательным марджин для наезда. все дела...
с какого перепугу 😂 ? overflow-x:hidden с width:auto отклиппирует внутреннюю ширину до пределов обтекания, а с отрицательным margin можно и "залезть внутрь" центрального wrapper хоть на всю его ширину, благо она фиксированная. другое дело если боковые блоки будут пустыми...
я что то не врубаюсь: а в чем проблема? в центре отцентрированный wrapper на 980 px, перед ним (что бы обтекали) слева и справа два плавающих блока с overflow-x:hidden и нужным float. внутри wrapper всё компонуется элементарно. вроде бы и все дела...
ну таки Yii с блогом из туториала это ваш выбор ;) а лучше сразу на Yii2 - там не то что "ничего лишнего" нет, так и необходимое нужно прописывать, что б система херни не насовала самостоятельно. кеширование - как левая нога захочет, с памятью вообще сказка, но мозжечёк изредка включать придётся...
