Задать вопрос
@WEBIVAN
html

Как сверстать макет на CSS?

Никак не могу сверстать следующий резиновый макет:
Есть 3 колонки.
Ширина второй фиксированная, например 400px.
Остаток ширины делится между первой и третьей 80%/20%.
Т.е. например, если ширина рабочей области 1400px, колонки 800px, 400px, 200px
если ширина рабочей области 1000px, колонки 480px, 400px, 120px и.т.п.
Буду признателен за идеи, как это сделать.
  • Вопрос задан
  • 4315 просмотров
Комментировать
Подписаться 21 Оценить Комментировать
Решения вопроса 1
@warsoul 
<div style="margin-right:400px; overflow: visible;">
<div style="width: 20%; float: right; margin-right: -400px; background:yellow;">
3
</div>
<div style="width: 80%; float: left; background:blue;">
1
</div>
<div style="width: 400px; margin-left: 80%; background:green;">
2
</div>
</div>
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
@Makito
Вот так вроде то что вам нужно.
Если смущает ширина 70-10-20 то можно заменить на 80-0-20, все равно будет однотипно.
Ответ написан
5 комментариев
5 комментариев
@nick4fake
А точнее? По высоте — одинаковые?
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Настроить на Asterisk общение с ботом в живом времени
25 апр. 2024, в 09:55
1000 руб./за проект
Доработать дизайн лендинга
25 апр. 2024, в 09:29
2500 руб./за проект
Сделать красивый лендинг в Тильде
25 апр. 2024, в 09:27
4000 руб./за проект
Ещё заказы