- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу

Зачем быть уникальным в мире, где все можно скопировать
Почему так важна уникальность текста и как она влияет на SEO
Ingate Organic
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Доброго времени, господа.
Ломаю голову над следующей задачей по верстке (похоже она нубская, но решение найти не могу).
Есть родитель с неизвестной шириной. В него нужно вписать три блока в строку, два блока имеют известную фиксированную ширину, третий — должен занимать всю ширину "оставшуюся" в родителе, но, поскольку ширина родительского контейнера неизвестна, то и ширина третьего блока не может быть определена ни в абсолютных, ни в относительных величинах.
Условия:
третий блок должен вписываться в имеющуюся ширину родителя, а не растягивать его принудительно;
нельзя использовать 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, пробовал уже так, господа. Не получается.