Не понимаю почему на работает, все же правильно. (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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

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

	Не понимаю почему на работает, все же правильно. (html,css,php) 22.06.2015, 06:55. Показов 1448. Ответов 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)

Решение