Как растянуть блок в одну сторону до конца страницы?
Как растянуть карту в правую сторону до конца страницы?
Нашел в гугле только способ с float но мб есть способ без них?
ВОт разметка. Контакты должны быть слева и растягиваться по всей высоте блока родителя и иметь отступ от левого края по container-wrap (у него фикс ширина 1600px и маргин отцентровка). А карта должна быть под блоком контакты и отступать слева как Контакты, а справа тянуться до конца страницы
Контакты Шоурум №4
Леонтьевский переулок, дом 5, строение 1
- Вопрос задан более двух лет назад
- 303 просмотра
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Ankhena @Ankhena Куратор тега CSS
Нежно люблю верстку
У меня в примере это псевдо, а у вас будет обычный блок, внутри которого карта.
Ответ написан более двух лет назад
Как блок растянуть до конца страницы?
Контент , как и сайдбар, растягивают блоки. Мне нужны сайбдар растянуть до конца страницы. Подскажите, как это сделать?
- Вопрос задан более трёх лет назад
- 6693 просмотра
Div до конца страницы
Как сделать, чтобы элемент div был до конца страницы? Height 100% не помогает.
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Два div блока: динамический и до конца страницы
Извините за глупый вопрос, но не получается найти ответ. Есть базовый контейнер у него height =.
Как растянуть элементы DIV до конца страницы независимо от содержимого
Вроде бы простая задача, но не могу найти ответ. Есть вобщем-то абсолютно стандартный макет.
Как в div загружать страницы из другого блока div?
Здравствуйте. Кто сможет помочь мне в одном вопросе? Как можно загрузить по ссылке страницу из.
Растянуть div до конца вниз
На сайте делаю блок div, проблема в том что он не доходит до конца вниз, как мне надо, если он.
Как задать div до конца страницы
задача состоит в том, чтобы задать блок div до конца страницы, типо копирайт, как и на этой странице, однако если на странице текста мало, то этот блок не дотягивает до нижнего края. Даже если устанавливаю отрицательный margin-bottom все равно остается маленькая полосочка
.copyright < padding:5px; padding-top:20px; background-color:#e4e4e4; margin-top: 5px; margin: auto; clear: both; > 1
2
3
4
Отслеживать
user236980
задан 9 фев 2016 в 17:09
535 2 2 золотых знака 8 8 серебряных знаков 21 21 бронзовый знак
добавьте ваш код, с которым у вас проблемы, в вопрос — так всем будет проще
9 фев 2016 в 17:11
@lexxl добавил код
9 фев 2016 в 17:16
К сожалению не совсем ясно задачу, попробуйте привести пример на jsfiddle
9 фев 2016 в 17:25
@martdn да пример то не приведешь, в том то и проблема, надо сделать копирайт, чтобы он доставал конца страницы, но ниже не прокручивался, как на этом сайте, прокрутите вниз, и поймете что мне нужно.
9 фев 2016 в 17:28
Вам нужен каркас страницы с прижатым к низу футером. Задаете блоку с текстом min — hight:100% , затем футер с помощью отрицательного марджина натягиваете на блок с текстом и делаете отступ в блоке паддингом. Да совсем забыл ,боди и хтмл нужно сделать также сделать высоту 100%
11 фев 2016 в 17:07
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
Вы это имели введу? пример
html < position: relative; min-height: 100%; >.wrapper < margin-bottom: 100px; >.content < width: 450px; margin: 0 auto; padding: 20px; >.footer
Каждый веб-разработчик знает, что такое текст-«рыба». Текст этот, несмотря на название, не имеет никакого отношения к обитателям водоемов. Используется он веб-дизайнерами для вставки на интернет-страницы и демонстрации внешнего вида контента, просмотра шрифтов, абзацев, отступов и т.д. Так как цель применения такого текста исключительно демонстрационная, то и смысловую нагрузку ему нести совсем необязательно. Более того, нечитабельность текста сыграет на руку при оценке качества восприятия макета. Самым известным «рыбным» текстом является знаменитый Lorem ipsum. Считается, что впервые его применили в книгопечатании еще в XVI веке. Своим появлением Lorem ipsum обязан древнеримскому философу Цицерону, ведь именно из его трактата «О пределах добра и зла» средневековый книгопечатник вырвал отдельные фразы и слова, получив текст-«рыбу», широко используемый и по сей день. Конечно, возникают некоторые вопросы, связанные с использованием Lorem ipsum на сайтах и проектах, ориентированных на кириллический контент – написание символов на латыни и на кириллице значительно различается. И даже с языками, использующими латинский алфавит, могут возникнуть небольшие проблемы: в различных языках те или иные буквы встречаются с разной частотой, имеется разница в длине наиболее распространенных слов. Отсюда напрашивается вывод, что все же лучше использовать в качестве «рыбы» текст на том языке, который планируется использовать при запуске проекта. Сегодня существует несколько вариантов Lorem ipsum, кроме того, есть специальные генераторы, создающие собственные варианты текста на основе оригинального трактата, благодаря чему появляется возможность получить более длинный неповторяющийся набор слов.
footer