У меня проблема с фоном моей строки, я не могу максимизировать содержимое слева, поэтому у меня есть это небольшое пространство с другим цветом.

Снимок экрана - http://i.imgur.com/gOtYJhQ.png

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

CSS

.row .twelve {
    background: #f2eee3;
}

HTML

<div class="row" style="box-shadow: 0 3px 0px 0px #888888,  7px 0 7px -4px #888888, -7px 0 7px -4px #888888;">
<?php get_header(); ?>
            <div id="content">              
                <div class="twelve columns clearfix">
                    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

                    <article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">

                        <section class="nine columns clearfix" itemprop="articleBody" style="border-right: 1px solid #a79c7f; min-height:450px; background:transparent;">
                        <!-- article header -->
                        <header>
                        <!--h1 class="page-title" itemprop="headline"><?php the_title(); ?></h1-->
                        </header> 
                                    <!-- end article header -->
                            <?php the_content(); ?>

                        </section> <!-- end article section -->
                        <?php get_sidebar(); // sidebar 1 ?>
                        <footer>

                            <?php the_tags('<p class="tags"><span class="tags-title">Tags:</span> ', ', ', '</p>'); ?>
                        </footer> <!-- end article footer -->
                    </article> <!-- end article -->             
                    <?php endwhile; ?>      
                    <?php else : ?>
                    <?php endif; ?>
                </div>    
                </div> <!-- end #main -->
<?php get_footer(); ?>
        </div> <!-- end #content-->

Я изменил html на это и применил некоторые встроенные стили, но теперь моя проблема в том, что граница содержимого не выравнивается по вырезам верхнего и нижнего колонтитула.

http://i.imgur.com/4xfaQJr.png

ССЫЛКА НА ВЕБ-

http://fabioide.com/frederiksminde/vaerelser/

3
MIke 15 Окт 2014 в 10:44
3
URL-адрес скриншота перенаправляет на нулевую страницу
 – 
Nishad K Ahamed
15 Окт 2014 в 10:46
Извините. Сейчас заменил ссылку.
 – 
MIke
15 Окт 2014 в 10:58
Из-за этого мы не можем проверить css, но я думаю, что в основной статье есть отступ, пожалуйста, проверьте его, если он там
 – 
himanshu
15 Окт 2014 в 10:59
Удаление заполнения приводит к смещению границы содержимого и нижнего колонтитула.
 – 
MIke
15 Окт 2014 в 11:08
Тогда вместо того, чтобы удалять его из статьи, переместите его в дочерний div, это поможет
 – 
himanshu
15 Окт 2014 в 11:18

2 ответа

Лучший ответ

CSS

.row .twelve {
background: #f2eee3;
padding: 0px; /* added this */
    }

.row .nine {
background: #e8e6d2; /* added this */
}

Изменение размера изображения ползунка, чтобы выровнять его по разделителям ниже

1
MIke 15 Окт 2014 в 12:14

Увеличьте ширину и уменьшите значение поля для левого поля div. При этом пробел будет заменен самим div.

0
Nishad K Ahamed 15 Окт 2014 в 11:27
Это немного сложно, так как я использую основу. я не могу просто увеличить ширину
 – 
MIke
15 Окт 2014 в 11:34
Каково покрытие самого внешнего div? Значит, и контентный, и внешний div имеют одну и ту же область, за исключением пробела?
 – 
Nishad K Ahamed
15 Окт 2014 в 11:40