Дайте рекомендации для верстки нестандартного макета.

[nenomernoj]

Сабж, прошу дать рекомендации по верстке прикрепленного макета, нужно как-то качество разделить тело документа на 3 ровные части, причем должна быть корректная интерактивность (3 раздела в центре должны кликаться).

 

мои вопросы по теме:

1. Какой css фреймворк посоветуете и почему, (или просто ручками)

2. возможна ли, релизация JSом, если да, то в какую сторону думать?

3. Проще все сделать без фреймвокров.

 

Вообще в какую сторону мыслить) сталкиваюсь с таким нестандартным креативным концептом впервые.

 

сам макет:

http://hostingkartinok.com/show-image.php?id=eba9630d504694ef6d922db79cdcb50d

[Great Rash]

Когда же народ научится задавать вопросы... Фикс или резина? Кроссбраузерность под какие браузеры нужна (конкретно номера версий ИЕ например)? Мобилы или не мобилы?

[DivMan]

Ручками, ничего сложного нету. Без JS

[cat]

Ручками, ничего сложного нету. Без JS

Опишите общий алгоритм в двух словах, пожалуйста.

Edited January 29, 2016 by cat

[DivMan]

Создаются 2 блока, которые справа.

На них накладывается большой блок, который слева и дать ему позиционирование (position: relative)

 

В этом блоке, создаются 2 блока. 

Первый поворачивается на 45 градусов(примерно), второй на -45.

И текст наложить абсолютом. 

Edited January 29, 2016 by DivMan

[rus]

нужно как-то качество разделить тело документа на 3 ровные части

а где вы их там увидели то? одна большая, а две другие одинаковые.

я бы сначала разделил на два одинаковых дива с флоат лефт и шириной в 50%.

потом, левому диву сделал бы бордер с помощью бефоре, или афтер, а в правый запихнул бы еще два дива друг под другом и  у них тоже бордеры бефоре афтер.

цветные полукруги - бэграундом в свой див.

хотя нет..., там действительно позишн абсолют нужен.

[nenomernoj]

Спасибо всем за ответы, в виду нечастого посещения форумов "задавать вопросы" не умею, вообще конечно нужно сделать респонс, но дизайна на мобилки нет, так что сделаю наверно респонс на ширину от 1280 до 1900.

 

 

Создаются 2 блока, которые справа. На них накладывается большой блок, который слева и дать ему позиционирование (position: relative)   В этом блоке, создаются 2 блока.  Первый поворачивается на 45 градусов(примерно), второй на -45. И текст наложить абсолютом. 

 

Наврное буду делать по вашей рекомендации, но текст накладывать абсолютом не есть хорошо, думаю текст тоже придется повернуть.

Когда же народ научится задавать вопросы... Фикс или резина? Кроссбраузерность под какие браузеры нужна (конкретно номера версий ИЕ например)? Мобилы или не мобилы?

 

 

Резина, кросс под Opera, Firefox, Chrome, Safari, все последних версий, IE не нужен. Мобильного концепта нет, так что ограничемся резиной в минимум ширину 1280