Как заполнить пустое место в колонку сайдбара?

Question

[Urbina @Urbina]

Если в колонке сайдбара справа виджеты заканчиваются, а текст в центральной части ещё продолжается, то получается некрасиво. Как сделать так, чтобы пустое место там где нет виджетов заполнялось содержимым страницы? Большая просьба не засорять эфир не относящимся к вопросу мусором. Нецелевой трафик.

Comments

[Ankhena]

Для этого предназначен float.
Только мало прогнозируемо насколько красиво и гармонично выйдет. Контент на страницах разный, шрифт у пользователей тоже может быть разным.

[Urbina @Urbina]

Не помогает. Ваще не рагирует.

[Ankhena]

Urbina @Urbina, Тут 2 варианта:
либо код выкладывать
либо телепатов искать

Мои возможности телепата говорят, что сайдбар должен быть внутри "центральной части".

[Urbina @Urbina]

<?php
/**
 * The Content Sidebar
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

if ( ! is_active_sidebar( 'sidebar-2' ) ) {
	return;
}
?>
<div id="content-sidebar" class="content-sidebar widget-area" role="complementary">
	<?php dynamic_sidebar( 'sidebar-2' ); ?>
</div><!-- #content-sidebar -->

[Urbina @Urbina]

<?php
/**
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other 'pages' on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>



<div id="main-content" class="main-content">

<?php
	if ( is_front_page() && twentyfourteen_has_featured_posts() ) {
		// Include the featured content template.
		get_template_part( 'featured-content' );
	}
?>
	<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">
			<?php
				// Start the Loop.
				while ( have_posts() ) : the_post();

					// Include the page content template.
					get_template_part( 'content', 'page' );

					// If comments are open or we have at least one comment, load up the comment template.
					
					
					if ( comments_open() || get_comments_number() ) {
						comments_template();
					}
				endwhile;
			?>

		</div><!-- #content -->
	</div><!-- #primary -->
		
	<?php get_sidebar( 'content' ); ?>
</div><!-- #main-content -->

<?php
get_sidebar();
get_footer();

[Urbina @Urbina]

<?php
/**
 * The Sidebar containing the main widget area
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>
<div id="secondary">
	<?php
		$description = get_bloginfo( 'description', 'display' );
		if ( ! empty ( $description ) ) :
	?>
	<div class="site-description"><?php echo esc_html( $description ); ?></div>
	<?php endif; ?>

	<?php if ( has_nav_menu( 'secondary' ) ) : ?>
	<nav role="navigation" class="navigation site-navigation secondary-navigation">
		<?php wp_nav_menu( array( 'theme_location' => 'secondary' ) ); ?>
	</nav>
	<?php endif; ?>

	<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
	<div id="primary-sidebar" class="primary-sidebar widget-area" role="complementary">
		<?php dynamic_sidebar( 'sidebar-1' ); ?>
	</div><!-- #primary-sidebar -->
	<?php endif; ?>
</div><!-- #secondary -->

[Urbina @Urbina]

Нет-он не внутри. Все файлы разложены по папкам.Пока поймёшь что откуда...

[Urbina @Urbina]

И тут до меня дошло, что это был совет! Щас попробую.

[Urbina @Urbina]

Нет-речь шла не об этом. Тогда виджеты просто выстраиваются под текстом или над ним. Нужна конструкция типа: если цикл вывода виджетов в сайдбаре окончен, то шаблон страницы растягивается на всю ширину. Как-то так.

[Ankhena]

Urbina @Urbina, когда вы пишете комментарий просто так, ни к кому не обращаясь, то никто кроме вас и не узнает о написанном комментарии. Нужно нажимать ответить либо набирать ник с собачкой впереди.

[Ankhena]

Urbina @Urbina, Разбираться в зарослях вашего пхп желания нет, поскольку вопрос исключительно про верстку.
Вот пример https://jsfiddle.net/ruwz72yh/
Вам нужно также.

[Urbina @Urbina]

Ankhena, если нет желания разбираться, зачем вообще писать?

[Ankhena]

Urbina @Urbina,
Ишь ты, еще и огрызается.
Вы еще настройки сервера сюда выложите или характеристики материнки. Еще раз медленно: ваш пхп к вопросу имеет очень вторичное отношение. Как только вы поймете, что и куда должно попасть, так ваш пхп и распихаете.

Для разметки ответ выше.
Возможно, его нужно дорабатывать в зависимости от остальных стилей и/или разметки.

Если моего примера недостаточно, чтобы понять как добиться результата, то нужно выложить свою сгенерированную разметку на jsfiddle или codepen.

[siarheisiarhei]

"метод тыка" в помощь... бар свой
position: fixed;
где то чему то
overflow: ;

[Ankhena]

siarheisiarhei, обтекания не будет. Бар будет закрывать контент.

[siarheisiarhei]

Ankhena, "ясен перец" - бар после контента - слева... ну и дурость... - 29% ... "блондинка за рулем"..!

[Urbina @Urbina]

siarheisiarhei, я брюнетка.

[Ankhena]

Urbina @Urbina, короче, решите разбираться, позовёте

Answer 1

[Urbina @Urbina]

Как то так