У меня проблема с фоном моей строки, я не могу максимизировать содержимое слева, поэтому у меня есть это небольшое пространство с другим цветом.
Снимок экрана - 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/
2 ответа
CSS
.row .twelve {
background: #f2eee3;
padding: 0px; /* added this */
}
.row .nine {
background: #e8e6d2; /* added this */
}
Изменение размера изображения ползунка, чтобы выровнять его по разделителям ниже
Увеличьте ширину и уменьшите значение поля для левого поля div. При этом пробел будет заменен самим div.
Похожие вопросы
Новые вопросы
html
HTML (язык гипертекстовой разметки) — это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы относительно HTML должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто в паре с [CSS] и [JavaScript].