Не нравятся результаты поиска? Попробуйте другой поиск!

DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как выровнять div по нижнему краю?

Как выровнять div по нижнему краю?

ZeN41k 06.09.2016 Общие вопросы по вёрстке, Шаблоны (TPL), Стили (CSS) 1887

вопрос

Вебмастеры, уже больше часа колупаюсь и не получается выровнять див по нижнему краю, чтобы див был в желтой области:

Вот код элемента - https://jsfiddle.net/zenchik/xvxvy6k3/
Помогите пожалуйста!

Ответа пока нет

16 комментариев

Юзер

171

hakypuhbiu - 2016-04-136 сентября 2016 13:24 - #58493

Открой стили и допиши то что выделил жирным.

.post-story {
color: #000000;
font-size: 13px;
padding-top: 6px;
height: 220px; /* Высота блока краткой новости.*/
}

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 14:05 - #58494

помогло) большое спасибо) как это я так не додумался, всё хотел, чтобы оно прижимало к низу)

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 15:05 - #58496

блин, везде отображается хорошо, но в Mozzila Firefox отображается по-другому, может как-то по-другому прописать или как-то этот код доработать?

Юзер

494

irrwisch - 2016-04-136 сентября 2016 15:14 - #58498

Потому что глупо задавать фиксированную высоту, она ведь может меняться, в зависимости от количества текста, Держи https://jsfiddle.net/xvxvy6k3/2/

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 15:23 - #58500

Дата под картинкой, а надо, чтобы была возле картинки справа, прикрепил скриншот (цель - желтая область)

Mozzila использует походу другой шрифт и отступы между строк вроде чуть больше, поэтому такая проблема и создается. Может прописать индивидуально для Mozilla код типа -moz? Потому что даже Internet Explorer правильно отображает.

Юзер

494

irrwisch - 2016-04-136 сентября 2016 15:31 - #58502

Можно конечно для лисы написать отдельные стили, но проще подвинуть дату, при этом оставив её под картинкой https://jsfiddle.net/xvxvy6k3/3/

Можно ещё убрать все float и сделать через flexbox

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 15:40 - #58503

чуть-чуть не так) и у меня clear:both почему-то нормально не работает, после него отступ на 700px в длину..

Юзер

494

irrwisch - 2016-04-136 сентября 2016 15:45 - #58504

переделывайте значит вёрстку при помощи flexbox, иначе без костылей не обойтись

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 15:57 - #58505

а если конкретно под Mozill'у прописать код ? Я просто что-то в Инете не нашел информацию про разновидности -moz ...Если у вас есть ссылка на информацию - скиньте пожалуйста!

Юзер

494

irrwisch - 2016-04-136 сентября 2016 16:03 - #58506

это огромный, не валидный костыль @-moz-document http://lists.w3.org/Archives/Public/www-style/2004Aug/0135

Юзер

133

ZeN41k - 2016-04-136 сентября 2016 19:31 - #58507

в общем, посмотрев на статистку использования mozilla решил решить проблему, но по-другому реализовать, код изменил:

https://jsfiddle.net/zenchik/xvxvy6k3/4/

убрал height и добавил в .post display:inline-block; и теперь вроде легко будет прижать блок data к низу страницу, но vertical-align не работает =(

Юзер

list - 2016-04-136 сентября 2016 21:43 - #58509

Как вариант https://jsfiddle.net/xvxvy6k3/6/

Юзер

133

ZeN41k - 2016-04-137 сентября 2016 10:33 - #58516

посмотрел ваш код, по идее вот то, что нужно:) НО есть проблема у меня на сайте - clear:both с БАГОМ (прикрепил скриншот).

Пытался исправить так: к классу middle (это родительский блок по центру) прописал display:table , всё стало хорошо, но футер наложился на элементы и стал кривой(

Юзер

494

irrwisch - 2016-04-137 сентября 2016 15:23 - #58526

Я ж говорил, делайте на флексбоксах
https://jsfiddle.net/xvxvy6k3/10/

Юзер

133

ZeN41k - 2016-04-137 сентября 2016 15:35 - #58528

да, вижу всё четко, но поддержка старыми версиями браузеров неполная вроде. Как у них будет отображаться ?

Юзер

494

irrwisch - 2016-04-137 сентября 2016 15:52 - #58530

IE11, Chrome 29+, FF 28+, Opera 12.1+ - поддерживают нормально, всё что ниже это уже динозавры, которые не стоит поддерживать.

TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
Вчера, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:17

фтп обычный юзер а не root
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:15

дэк только так и загружаю
Gordi | Как реализовать шифрование трафика? ³

Gordi
Как реализовать шифрование трафика?
18-11-2024, 14:14

я тоже не понимаю....товарищ один, представитель хостинга сказал, что даже есть модули такие специальные под популярные цмс
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:13

Gordi,
через фтп загружай
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:11

Привет Николай!
Всегда загружал от root... посмотришь может? твой плагин тоже не виден ((
или направь на путь истинный, пжст