Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 20.05.2019, 13:01   #1
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию [РЕШЕНО] Взаимоотношение между блока div и float

Доброго времени суток!

У меня есть три блока div хочу выставить их в один ряд и соответственно в css всем блокам прописываю float:left в итоге:

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

В опере и хроме у меня блоки растягиваются пытался уменьшить размеры height ... не хочет уменьшаться не понимаю почему ... кто подскажет как задать свои размеры блокам?
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Старый 20.05.2019, 13:11   #2
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

если вы верстаете float-блоками, то, прежде всего после последнего блока с float надо поставить
Код:
<div class="clear"></div>
для которого в css записать
Код:
.clear {
	clear: both;
}

Цитата:
Сообщение от s88s Посмотреть сообщение
В опере и хроме у меня блоки растягиваются пытался уменьшить размеры height ... не хочет уменьшаться не понимаю почему ... кто подскажет как задать свои размеры блокам?
Пока не понятно. Покажите код.
Вадим Мошев вне форума Ответить с цитированием
Старый 20.05.2019, 14:20   #3
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Код:
<style>
.left{
  float:left;
}
</style>

<div class="left">1</div>
<div class="left">2</div>
<div class="left">3</div>
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Старый 20.05.2019, 19:24   #4
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Извините, что не отвечал долго. По теме.

Этого мало. Вам надо заключить эти блоки в контейнер, последним в этом контейнере должен располагаться блок clear (см. выше).
При занесении содержимого в эти блоки они должны растягиваться на высоту своего содержимого.
Вадим Мошев вне форума Ответить с цитированием
Старый 21.05.2019, 08:35   #5
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Извините, что не отвечал долго. По теме.
Не чего страшного ... свои дела тоже надо делать =)

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Этого мало. Вам надо заключить эти блоки в контейнер, последним в этом контейнере должен располагаться блок clear (см. выше).
При занесении содержимого в эти блоки они должны растягиваться на высоту своего содержимого.
Что обернул что нет всё равно как блок див получает значение float:left сразу растягивается как я убираю этот float всё норм сразу становится.

Даже div clear не помогает
"Я не волшебник, я только учусь"

Последний раз редактировалось s88s; 21.05.2019 в 08:37.
s88s вне форума Ответить с цитированием
Старый 21.05.2019, 09:05   #6
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Решил вопрос =)

Вадим Мошев спасибо за помощь
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Старый 21.05.2019, 13:05   #7
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Цитата:
Сообщение от s88s Посмотреть сообщение
Решил вопрос =)
Если вы решили проблему, то расскажите о том, как вы это сделали. Это будет полезно остальным.
Вадим Мошев вне форума Ответить с цитированием
Старый 27.05.2019, 13:16   #8
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
Если вы решили проблему, то расскажите о том, как вы это сделали. Это будет полезно остальным.
Прошу прощения что долго не отвечал ... решил задачу свою не блоками div а создал таблицы и их привел к нужному мне виду при помощи css =)
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Старый 27.05.2019, 13:56   #9
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

использование таблиц там, где они не нужны — плохая практика... так нельзя, я считаю
Вадим Мошев вне форума Ответить с цитированием
Старый 29.05.2019, 15:11   #10
s88s
Форумчанин
 
Регистрация: 02.01.2014
Сообщений: 369
По умолчанию

Цитата:
Сообщение от Вадим Мошев Посмотреть сообщение
использование таблиц там, где они не нужны — плохая практика... так нельзя, я считаю
посидел подумал и в общем переписал код по новой и всё получилось и clare:both нормально заработал и float:left не растягивается =)
"Я не волшебник, я только учусь"
s88s вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО] Разница между элементами массивов. jOBER Паскаль, Turbo Pascal, PascalABC.NET 2 09.01.2019 17:53
[РЕШЕНО] Как равномерно и по ширине распределить блоки со свойством display:inline-block внутри внешнего блока? Санеккк HTML и CSS 2 18.11.2018 00:37
[РЕШЕНО] Размер изображения: 100% от блока Bulat Ibrahim HTML и CSS 6 12.10.2017 10:10
Хочу множить, а для этого нужен тип float, по сути, переменная one это integer, я ее превращаю в str, а str в float, но выдает ошибку BoNaPaRtD Общие вопросы Delphi 10 10.03.2017 09:17
В чём различия между float и double Rafff Общие вопросы C/C++ 6 04.04.2010 10:50