- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
В 2023 году Google заблокировал более 170 млн фальшивых отзывов на Картах
Это на 45% больше, чем в 2022 году
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Доброго времени, господа.
Ломаю голову над следующей задачей по верстке (похоже она нубская, но решение найти не могу).
Есть родитель с неизвестной шириной. В него нужно вписать три блока в строку, два блока имеют известную фиксированную ширину, третий — должен занимать всю ширину "оставшуюся" в родителе, но, поскольку ширина родительского контейнера неизвестна, то и ширина третьего блока не может быть определена ни в абсолютных, ни в относительных величинах.
Условия:
третий блок должен вписываться в имеющуюся ширину родителя, а не растягивать его принудительно;
нельзя использовать JS;
результат должен быть кроссбраузерным (включая, будь он проклят, IE6);
желательно минимум кода.
Как решить задачу?
Вот что имею в данный момент:
<div style="background: red; width: 100px; float:left;">1</div>
<div style="background: blue; width: 100px; float: left;">2</div>
<div style="background: green; width: 100%; float: left;">3</div>
</div>
При таком способе третий блок уезжает вниз, во "вторую строку".
NerZool, поместите блоки 1 и 2 вовнутрь блока 3.
<div style="background: red; width: 100px; float:left;">1</div>
<div style="background: blue; width: 100px; float: left;">2</div>
<div style="background: green; width: auto;">3</div>
</div>
Так можно попробовать...
здесь посмотри ))
http://www.cssplay.co.uk/layouts/flexible-3column-fix-fix-flex.html
<div style="background: green; width: 100%; float: left;">3</div>
тут не нужно задавать ширину, как раз займет оставшееся место.
Спасибо большое. На текущем примере сработало. Надеюсь, теперь смогу разобраться и с реальной задачей ))
http://www.cssplay.co.uk/layouts/fle...-fix-flex.html
В моей "головоломке" нет доступа к родительскому контейнеру, а он прописывается без id и класса, т.е. overflow к нему не припишешь. Но тоже спасибо, в будущем пригодится.
Zhitov, dkameleon, пробовал уже так, господа. Не получается.