Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Большой отступ перед clear 
:(
    Опции темы
fankyolo
Дата 25.3.2012, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 25.3.2012

Репутация: нет
Всего: нет



Контейнер с плавающими блоками имеет высоту большую чем свой контент. Причем растягивается он до определенного предела, и если сверху, как показано на скриншоте, начать добавлять текст - то блок сокращается. В чем тут может быть дело?

user posted image
PM MAIL   Вверх
MagicDew
Дата 27.3.2012, 15:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 12.4.2010

Репутация: нет
Всего: нет



С представленным Вами кодом, у меня такой проблемы не возникло. Возможно, контейнер "checkout-nav-controls" или теги внутри него наследуют еще какие-то свойства.

И еще, если по нажатию кнопки "Далее" на сервер должны отправляться какие-то данные, то <input> должен быть обязательно внутри <form>
PM MAIL   Вверх
Likoos
Дата 31.3.2012, 15:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 2
Регистрация: 31.3.2012

Репутация: нет
Всего: нет



я в последнее время пытаюсь по реже использовать див clear
а что бы сбросить флоаты просто верхние блоки в которых они используются беру в див с overflow:hidden
PM MAIL WWW   Вверх
SelenIT
Дата 3.4.2012, 15:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Спорю на 3 сникерса, что справа или слева есть еще один (как минимум) плавающий блок, и <div class="clear"> опускается аккурат на уровень его нижнего края smile. Так и должно быть по спецификации. Чтобы стало иначе, нужно в контейнере с кнопками включить новый контекст форматирования блоков (наиболее популярный вариант — overflow:hidden — подсказали выше).
 


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Aliance
Дата 3.4.2012, 17:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137



SelenIT, а можно увидеть примеры менее популярных способов? clearfix?
PM MAIL WWW ICQ Skype   Вверх
SelenIT
Дата 3.4.2012, 19:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Нет, clearfix — это аналог того же <div class="clear">, только без лишней разметки. Способы создания блочного контекста перечислены в п. 9.4.1 спецификации: это float-ы, абсолютно позиционированные элементы, элементы с display:inline-block, table-cell и table-caption (на практике еще и table c table-row — в них создается безымянная "прослойка" с table-cell, которая и создает контекст) и элементы с overflow:hidden/auto/scroll (в общем, лишь бы не visible).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0705 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.