Не удается сделать желаемое содержимое внутри элемента div

Я пытаюсь устранить эту прозрачную область на этой странице под заголовком:
Код здесь:

стиль.стиль CSS:

  .kordpage {
  position: relative;
  color: 111;
  width: 1000px;
  max-height: 1300px;
  margin: auto;
  text-align: left;
  border-style: solid;
  border-width: 0px 25px 25px 25px;
  -moz-border-image: url(images/border.png) 47 48 46 repeat;
  -webkit-border-image: url(images/border.png) 47 48 46 repeat;
  -o-border-image: url(images/border.png) 47 48 46 repeat;
  border-image: url(images/border.png) 47 48 46 repeat;
  display:block;
  overflow: auto;
}

Страница

<?php

/*
Template Name>Special Layout
status = in use
Template Name: Travel-Googlemaps */

get_header(); ?>
<div class="kordpage">
<div class="textus">
<?php
if (have_posts()) :
  while (have_posts()) : the_post(); ?>



  <article class="post page">
    <h2><?php the_title(); ?></h2>
    <?php the_content(); ?>
    </article>
    <iframe allowfullscreen="" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1760.23786890098!2d20.275166016484622!3d63.8206487834489!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x467c5b066d574471%3A0x3c132dfbfa054972!2sSliperiet!5e0!3m2!1sen!2sse!4v1454590960458" style="border:0" height="400" width="600" frameborder="0"></iframe>
    <img alt="umea-congress" src="http://sspdcongress2017.com/wp-content/uploads/2016/10/9837.jpg"  style=";width:950px;">
  </div>
  </div>
  <?php endwhile;

  else :
    echo "<p>No Content Found I'm afraid</p>";

  endif;


?>

Если вы проверите элементы, вы заметите, что kordpage div покрывает область, но my white baground(textus) div элементы не.

Я подозреваю, что проблема с границей, я собираюсь спать в ближайшее время, поэтому я не мог бы увидеть ваши ответы до 10 часов, но я высоко ценю любую помощь или предложения!

1 ответ

  1. Прозрачное пространство между ними .навмену И.kordpage (серая полоска под меню) создается верхним краем тега h2. Это правило CSS удаляет это поле и избавляется от прозрачного пространства.

    .page h2{ margin-top: 0px;}
    

    Возможно, Вам было бы лучше использовать заполнение на вашем теге h2, вы могли бы установить маржу в 0px и заполнение в 17px вместо этого.