Не понимаю почему на работает, все же правильно. (html,css,php)

@fybikys · Регистрация: 20.05.2015

Студворк — интернет-сервис помощи студентам

Всем Привет , вопрос:
Написал сайт все вроде Ok, но вот какой момент. При заполнении контента правый блок не увеличивается на такую же высоту, что и контент. И наоборот например когда контента мало всего пол страницы, а в блоке много информации контент не растягивается на высоту правого блока.

Но это одна беда я почитал как это сделать, подменой.Проще написать код чем описывать.

<body> (здесь стили для фона простая картинка) потом идет
<div id="block-body">(сюда вставляется backgroung-image="для фона самого сайта")
<?php
include("include/block-header.php");
include("include/block-content.php");
include("include/block-right.php");
?>
</div>
</body>
Вот в чем собственно говоря ПРОБЛЕМА этот фон который я поставил в id="block-body" применяется только к include("include/block-header.php"); и когда например задаю для него рамку он показывает что рамка создана только для include("include/block-header.php"); , а 2 остальных просто так весят, вот в чем вопрос, почему div применяет рамку и вообще все только к первому block-header.

@Para bellum · 22.06.2015, 07:49

Мало ли, может float у Вас в стилях присутствует. Вот и не растягивается родительский блок. Используйте после всех блоков в родительском такое:

HTML5
1
<div class="crearfix"></div>

А в CSS пропишите:

CSS
1
2
3
.clearfix{
    clear: both;
}

@fybikys · 22.06.2015, 08:21 **[ТС]**

Да float присутствует.
но чуть-чуть не понял "Используйте после всех блоков в родительском такое:"
Использовать после всех блоков, каких именно ? Можно пример, если не сложно.

@pacanchik2013 · 22.06.2015, 08:53

fybikys, я думаю что, нужно сделать вот так:

PHP
1
2
3
4
5
6
7
8
9
10
<body> (здесь стили для фона простая картинка) потом идет
<div id="block-body">(сюда вставляется backgroung-image="для фона самого сайта")
<?php
include("include/block-header.php");
include("include/block-content.php");
include("include/block-right.php");
?>
<div class="crearfix"></div>
</div>
</body>

ну и в css прописать для этого дива клирбокс. Либо в этот же код вставьте:

PHP
1
2
3
4
5
<style>
.clearfix {
   clear: both;
}
</style>

@fybikys · 22.06.2015, 09:20 **[ТС]**

pacanchik2013 Да помогло. Большое спасибо Вам!
но не могли бы вы поподробнее объяснить как сработала такая система ?
Отдельный коробка div с классом в основной файле. и это заработало
у меня
include("include/block-header.php"); нет обтекания
include("include/block-content.php"); есть по левому краю
include("include/block-right.php"); есть по правому краю
как сработал этот clear: both; ?

@pacanchik2013 · 22.06.2015, 09:39

fybikys, устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных сторон.

Добавлено через 14 минут
Немного не так написал...
Значение "both" отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны.

@Para bellum · 22.06.2015, 09:47

Не по теме:

Сообщение от fybikys

Большое спасибо Вам!

Охренеть. А мне даже "Спасибо" не нажали, хотя я то же самое и сказал. В последнее время всё меньше хочется помогать людям.

@fybikys · 22.06.2015, 10:35 **[ТС]**

Para bellum да, нет. Я бы нажал просто хотел услышать всех. А уже после всем поставить.
pacanchik2013 я не понимаю вот что
номера это стили
<div 1>
<div 2></div 2> (нет стиля обтекания)
<div 3></div 3> (по правому)
<div 4></div 4> (по левому)
<div 5></div 5> both
</div1>
вот я именно понять не могу, почему он выравнивает все внутри div1 , я понимаю и не понимаю. ну ладно разберусь уже сам всем Спасибо !

@pacanchik2013 · 22.06.2015, 10:41

Para bellum, признаюсь, строчку

HTML5
1
<div class="crearfix"></div>

скопировал с вашего сообщения, так как лень было печатать, теперь у нас у обоих по ошибке

Посмотрите внимательно и поймете, почему clearfix бы не сработал, прописанный в css

@Para bellum · 22.06.2015, 11:33

Сообщение от pacanchik2013

Посмотрите внимательно и поймете, почему clearfix бы не сработал, прописанный в css

Не томите, рассказывайте. Я вроде не вижу причин, чтобы не работало.

Ну, разве что CSS неправильно подключить.

@pacanchik2013 · 22.06.2015, 11:35

Para bellum,

PHP
1
<div class="crearfix"></div>

прошу обратить внимание на название класса crearfix, а в CSS как раз таки правильно написано, clearfix

@Para bellum · 22.06.2015, 11:43

Блин. Опечатался.

А смотрел и в упор не видел, что не так. Не на то внимание обращал. Проверил даже, нет ли там кириллицы, а буквы не пересмотрел.

@fybikys · 22.06.2015, 11:49 **[ТС]**

ребята все работает , на ура ! Всем Спасибо огромное !

Новые блоги и статьи Все статьи Все блоги /
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Нашел на реддите интересную статью под названием «Кто-нибудь знает, где получить бесплатный компьютер или. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .

@fybikys 0 / 0 / 0 Регистрация: 20.05.2015 Сообщений: 10

	Не понимаю почему на работает, все же правильно. (html,css,php) 22.06.2015, 06:55. Показов 1440. Ответов 12 Метки нет (Все метки) Всем Привет , вопрос: Написал сайт все вроде Ok, но вот какой момент. При заполнении контента правый блок не увеличивается на такую же высоту, что и контент. И наоборот например когда контента мало всего пол страницы, а в блоке много информации контент не растягивается на высоту правого блока. Но это одна беда я почитал как это сделать, подменой.Проще написать код чем описывать. <body> (здесь стили для фона простая картинка) потом идет <div id="block-body">(сюда вставляется backgroung-image="для фона самого сайта") <?php include("include/block-header.php"); include("include/block-content.php"); include("include/block-right.php"); ?> </div> </body> Вот в чем собственно говоря ПРОБЛЕМА этот фон который я поставил в id="block-body" применяется только к include("include/block-header.php"); и когда например задаю для него рамку он показывает что рамка создана только для include("include/block-header.php"); , а 2 остальных просто так весят, вот в чем вопрос, почему div применяет рамку и вообще все только к первому block-header. 0

@fybikys 0 / 0 / 0 Регистрация: 20.05.2015 Сообщений: 10
	22.06.2015, 08:21 [ТС]
	Да float присутствует. но чуть-чуть не понял "Используйте после всех блоков в родительском такое:" Использовать после всех блоков, каких именно ? Можно пример, если не сложно. 0

@fybikys 0 / 0 / 0 Регистрация: 20.05.2015 Сообщений: 10
	22.06.2015, 09:20 [ТС]
	pacanchik2013 Да помогло. Большое спасибо Вам! но не могли бы вы поподробнее объяснить как сработала такая система ? Отдельный коробка div с классом в основной файле. и это заработало у меня include("include/block-header.php"); нет обтекания include("include/block-content.php"); есть по левому краю include("include/block-right.php"); есть по правому краю как сработал этот clear: both; ? 0

@pacanchik2013 27 / 26 / 9 Регистрация: 08.04.2015 Сообщений: 288
	22.06.2015, 09:39
	fybikys, устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отменяет его действие для указанных сторон. Добавлено через 14 минут Немного не так написал... Значение "both" отменяет обтекание элемента одновременно с правого и левого края. Это значение рекомендуется устанавливать, когда требуется снять обтекание элемента, но неизвестно точно с какой стороны. 1

@fybikys 0 / 0 / 0 Регистрация: 20.05.2015 Сообщений: 10
	22.06.2015, 10:35 [ТС]
	Para bellum да, нет. Я бы нажал просто хотел услышать всех. А уже после всем поставить. pacanchik2013 я не понимаю вот что номера это стили <div 1> <div 2></div 2> (нет стиля обтекания) <div 3></div 3> (по правому) <div 4></div 4> (по левому) <div 5></div 5> both </div1> вот я именно понять не могу, почему он выравнивает все внутри div1 , я понимаю и не понимаю. ну ладно разберусь уже сам всем Спасибо ! 0

@Para bellum 5755 / 4134 / 1508 Регистрация: 06.01.2011 Сообщений: 11,276
	22.06.2015, 11:43
	Блин. Опечатался. А смотрел и в упор не видел, что не так. Не на то внимание обращал. Проверил даже, нет ли там кириллицы, а буквы не пересмотрел. 0

@fybikys 0 / 0 / 0 Регистрация: 20.05.2015 Сообщений: 10
	22.06.2015, 11:49 [ТС]
	ребята все работает , на ура ! Всем Спасибо огромное ! 0

Не понимаю почему на работает, все же правильно. (html,css,php)

Решение