Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как включить схлопывание отступов при наличии float у элементов? / 12 сообщений из 12, страница 1 из 1
05.10.2011, 10:53
    #37468592
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
Есть разметка - пример
Необходимо чтобы элементы были плавающие - float: left
Но при этом не работает схлопывание. Как это обойти?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2011, 11:21
    #37468659
st_st
st_st
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
"Схлопывание" - это как?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2011, 11:40
    #37468722
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
st_st"Схлопывание" - это как?

ну к примеру както так - тынц
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2011, 11:56
    #37468772
Zoria
Zoria
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
если флоат это как раз случай, при котором "схлопывание" не происходит, то нужно отказаться или от одного или от другого )
чего именно нужно добиться в результате?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2011, 12:47
    #37468903
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
Zoriaесли флоат это как раз случай, при котором "схлопывание" не происходит, то нужно отказаться или от одного или от другого )
чего именно нужно добиться в результате?

Хотелось чтоб отступы везде были одинаковы - прийдется у контейнера наверно увеличить margin чтобы выровнять расстояния
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2011, 12:51
    #37468916
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
sp , я так ничего вообще не понял чо тебе нужно... На фотках чёле покажи...
Да и примеры лучше тут выкладывай. Ну её в баню эту "примерочную"...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.10.2011, 13:25
    #37470790
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
krvsa sp , я так ничего вообще не понял чо тебе нужно... На фотках чёле покажи...
Да и примеры лучше тут выкладывай. Ну её в баню эту "примерочную"...

речь идет о том что в соседних в блоках если margin-top и margin-bottom к примеру равны 20 то в итоге между вертикально-соседними блоками получается не 40 - а 20 - это называется схлопывание отступов.
Оказывается это работает не всегда... в частности если элементы float то схлопывание отступов не происходит, а так хотелось...)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.10.2011, 13:26
    #37470793
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
krvsa,

так а чем jsfiddle неудобен!? там все красиво и приятно! )
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.10.2011, 14:28
    #37470930
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
spтак а чем jsfiddle неудобен!? там все красиво и приятно! )
1. он мееедленый...
2. редактировать там не удобно
3. чтобы сделать один документ приходится копировать куски

А так всё скопом раз! И скопировал...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.10.2011, 14:32
    #37470942
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
spречь идет о том что в соседних в блоках если margin-top и margin-bottom к примеру равны 20 то в итоге между вертикально-соседними блоками получается не 40 - а 20 - это называется схлопывание отступов.
Оказывается это работает не всегда... в частности если элементы float то схлопывание отступов не происходит, а так хотелось...)
Вона чё... Ясно.

Как вариант используй конструкции

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.box {
   float: left;
   margin-top: 10px;
   margin-bottom: 10px
}
.box + .box {
   margin-top:  0 ;
}

Т.е. кагбэ перебиваешь селектор... Так и "схлопывание" не понадобится... ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.10.2011, 14:31
    #37472953
sp
sp
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
krvsaВона чё... Ясно.

Как вариант используй конструкции

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.box {
   float: left;
   margin-top: 10px;
   margin-bottom: 10px
}
.box + .box {
   margin-top:  0 ;
}

Т.е. кагбэ перебиваешь селектор... Так и "схлопывание" не понадобится... ;)

воистину - все сложное как правило решается очень просто! :) спасибо
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
21.05.2014, 23:53
    #38648212
Павел34252345
Павел34252345
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как включить схлопывание отступов при наличии float у элементов?
Попробуйте
.box > *:first-child {
margin-top: 0;
}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как включить схлопывание отступов при наличии float у элементов? / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 439ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447064]:
 0ms
get settings:
 5ms
get forum list:
 12ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 167ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 199ms
total:  439ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]