Проблема с фоном в DIVе
-
Здравствуйте!
создаю шаблон с нуля. Файл стилей содержит всего несколько строк:
html, body { margin: 0; } .fullcontainer { background:url(img/page_bg_1200.png); background-position:center; background-repeat:repeat-y; } .container { width:800px; margin:0 auto; } .my_header { margin: 0 auto; height:303px; background:url(img/page_top_1200.png); background-position:center; background-repeat:no-repeat; } .my_footer { height:288px; background:url(img/page_footer_1200.png); background-position:center; background-repeat:no-repeat; } .my_menu { height: 30px;; width:800px; background-color:#1C22A7; }
в файле page.php написан следующий код:
get_header(); // подключаем header.php ?> <div style="margin-bottom: 0px;" class="fullcontainer"> <section> <div class="container"> <?php if ( have_posts() ) while ( have_posts() ) : the_post(); // старт цикла ?><br> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> <?php // контэйнер с классами и id ?> <h1><?php the_title(); // заголовок ?></h1> <?php the_content(); // контент ?> </article> <?php endwhile; // конец цикла ?> </div> </section> </div> <?php get_footer(); // подключаем footer.php ?>
На выходе я хотел получить, чтобы:
а) в div-е сначала шла картина в виде начала рамочки (файл page_top_1200.png)
б) потом шел div, где в качестве фона указан файл боковых граней рамки (файл page_bg_1200.png)
в) и завершал всё это в отдельном div-е файл конца рамки (файл page_footer_1200.png)
—
Что получаю — файл боковых граней (указанный в п.»б») почему-то позиционируется выше чем следует + часть файла картинки сверху как будто обрезано. В чем проблема не могу понять.
Пример косяка здесь: http://grabovsky.farm/?page_id=22
Просмотр 2 ответов — с 1 по 2 (всего 2)
Просмотр 2 ответов — с 1 по 2 (всего 2)
- Тема «Проблема с фоном в DIVе» закрыта для новых ответов.