Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532

margin

27.06.2013, 21:05. Показов 989. Ответов 8
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
Задаю элементу
CSS
1
2
 margin-bottom: 5px;
    margin-top: auto;
А он не хочет отталкиваться от низа на 5пх, а все равно остается вверху. Подскажите как реализовать, что бы он "прилепился" к низу, потому что я не знаю сколько взять сверху(может выводиться разный контент). спасибо
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.06.2013, 21:05
Ответы с готовыми решениями:

CSS Не работает margin-top/margin-left в IE, Firefox
Добрый день! Проблема в коде CSS .check > span{ -webkit-transition: all ease-in-out 0.1s; -o-transition:...

Margin-top и margin-bottom в ie6 не работает
#news1 > p { margin-top:15px; margin-bottom:15px; } пробовал ставить !important эффект один и тот же...(

Не смещается центр div c margin 0 auto, который в другом div'e с другим margin
<div style="margin-left: 100px"> <div style="margin: 0 auto;"><a href="" class="pageButton">1</a></div> </div> В первом диве...

8
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
27.06.2013, 21:26
Браузеры могут на свое усмотрение с маргином распорядится, попробуй паддинг.
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
27.06.2013, 21:51
CSS
1
margin-top: auto;
-такого свойства нет. Margin auto не работает с top и bottom. Если же Вы указываете auto, то браузеру все равно возьмут 0.

В Вашем случае попробуйте position. Margin не может выровнять элемент относительно какого-то края. Это отступ для других элементов.

Задайте родительскому блоку position: relative, а блоку который нужно выровнять
CSS
1
2
position: absolute;
bottom: 0;
1
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
27.06.2013, 21:59  [ТС]
Цитата Сообщение от SoraxWeb Посмотреть сообщение
Задайте родительскому блоку position: relative
проблемс. род. элемент находится в position: absolute; - это модальное окно.
0
 Аватар для massEffect
80 / 80 / 53
Регистрация: 22.03.2013
Сообщений: 273
27.06.2013, 22:01
Поподробнее можно, а то не понятно, может вам нужно свойство position. А так если идет в потоке он никак вниз не скакнет
1
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
27.06.2013, 22:02
@SanychBY, тогда однозначно нужно искать другое решение. Может блок дополнительный ввести, может еще что-то...

Другими способами его никак не заставить уцепиться за низ.

А подробнее можете рассказать про его назначение? Какой контент там перед ним выводится?
1
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
27.06.2013, 22:09  [ТС]
Цитата Сообщение от SoraxWeb Посмотреть сообщение
@SanychBY, тогда однозначно нужно искать другое решение. Может блок дополнительный ввести, может еще что-то...

Другими способами его никак не заставить уцепиться за низ.

А подробнее можете рассказать про его назначение? Какой контент там перед ним выводится?
smartapk.vv.si
нажмите зарегистрироваться без ввода данных и сами увидите все воочию.=)
там будет кнопка OK закрывающая окно. О ней мы собственно и говорим

Добавлено через 4 минуты
извиняйте за кривизну и недоработки) работаем=)
0
 Аватар для Forastero
562 / 339 / 87
Регистрация: 15.05.2013
Сообщений: 812
Записей в блоге: 1
27.06.2013, 22:11
@SanychBY,
CSS
1
2
3
position: absolute;
bottom: 0;
left: 45%;
Это для кнопки.
1
 Аватар для SanychBY
39 / 46 / 3
Регистрация: 04.06.2013
Сообщений: 1,532
27.06.2013, 22:14  [ТС]
@SoraxWeb, спасибо!=) working!))))
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
27.06.2013, 22:14
Помогаю со студенческими работами здесь

Margin-~
Заказчик заказал строго по центру разместить его картинку на любом мониторе. Никогда такого не делал, всегда в % или пикселях от верха...

Margin of <td>
У меня есть вот такая вот табличка. Как сделать margin между &lt;td&gt; ноль и как поменять цвет margin в данном случае? &lt;!doctype...

margin
Всем привет ув. Программисты помогить найти выход из решения Есть блоки &lt;div id=&quot;main&quot;&gt; &lt;div...

Margin не работает в IE
Сразу к делу: переношу верстку в CakePHP, все сработало, единственное что переносится не правильно это весь полностью блок #content. В IE...

Общий margin
Приветствую всех. Нужно сделать верстку , но что то я очень туплю и забыл как сделать общий отступ со всех сторон , что бы потом по нему...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Новые блоги и статьи
Символические и жёсткие ссылки в Linux.
algri14 15.03.2026
Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это дополнительная запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора
ФедосеевПавел 14.03.2026
Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию
anaschu 13.03.2026
прикрепляю статью
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++
8Observer8 10.03.2026
Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:
Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE
8Observer8 10.03.2026
Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки
Neotwalker 08.03.2026
Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages
DevAlt 07.03.2026
Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F#
DevAlt 06.03.2026
В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru