1 (2015-02-02 19:17:27 отредактировано samon)

Тема: Прошу помочь

Не получается нормально выставить div'ы, почти весь день бьюсь и не могу понять в чем проблема. Суть в следующем: контент выводится на двух блоках: 1. RSS лента и 2. Контент страницы. RSS подключен к шаблону и должен быть на всех страницах, но проблема в том, что дивы не выравниваются и вообще с ума сходят... или я схожу... прошу помощи

Вывод контента:

<?php Chunk::get('header'); ?>
<div class="content">
<div class="container-rss">

    <div class="container">
            <div class="export">
<script type="text/javascript">
    var charset='UTF-8';
    var t=document.getElementsByTagName('meta');
    for(var i=0; i<t.length; i++){var rg=/charset=["']?([^"']*)/g;
    if(t[i].content.indexOf('charset')!=-1){charset=rg.exec(t[i].content)[1];
    break;}}document.write('<script type="text/javascript" src="http://www.rss-script.ru/rss-script.php?charset='+charset+'&rss[]=http%3A%2F%2Ftopnews18.ru%2Frss%2Fcontent%2F36%2Ffeed.rss&media=1&notext=1&html=1&notitle=1&nodata=1&count=5"><\/script>');
    </script><noscript>Для просмотра этой RSS ленты требуется поддержка Java Script</noscript>

<?php Chunk::get('content'); ?>
                
    <div class="container-wave">
        <div class="row">
            <div class="col-xs-12">
                <?php Action::run('theme_pre_content'); ?>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <?php echo Site::content(); ?>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12">
                <?php Action::run('theme_post_content'); ?>
            </div>
        </div>
  </div>


<?php Chunk::get('footer'); ?>

CSS

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('@site_url/public/assets/css/fonts/glyphicons-halflings-regular.eot');
  src: url('@site_url/public/assets/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
       url('@site_url/public/assets/css/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('@site_url/public/assets/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
       url('@site_url/public/assets/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

body {
    background-image:url('http://tezor/public/uploads/fon.jpg');
    background-repeat: no-repeat;
    position: fixed;
    width: 100%;
}

.export{width:220px;border:0;}
.export .date{text-align:left;display:block;}

.export td {
    padding-left:-30px;
}

        /*div - контейнер для новости*/
.rss{margin:0;  padding-bottom: 0;}
        
        /*div - контейнер для всей ленты*/
.rss_container{padding:0;padding:-30px;}
        
        /*div - контейнер для медиа-файлов*/
.media{background-color:#f0f0f0; background-image:url(http://www.rss-script.ru/img/skrepka.gif); background-repeat:no-repeat; padding-top: 5px;padding-bottom: 5px;padding-left: 13px}
        
        /*div - ссылка на медиа-файл*/
.media a{color:#000000;font-size:0.1em}
        
        /*div - изображение медиа-файл*/
.media a img{height:12px; border:0px; vertical-align: middle; text-decoration: none; margin:3px;}
        
        /*div - контейнер даты новости и заголовка rss-канала*/
.rssdate{font-size:0.1em; color:#c0c0c0; margin:7px; }
        
        /*div - ссылка даты новости и заголовка rss-канала*/
.rssdate a{color:#c0c0c0;}

a {
    color: #4169E1;
    text-decoration: none;
}

a:hover {
    color: #DC143C;
    text-decoration: none;
}

.error {
    color:red;
    float: left;
}

.success {
    color:#9BBA1C;
    display: inline-block;
    float: left;  
}

.margin-top-1 {
    margin-top: 1em;
}

.margin-top-2 {
    margin-top: 2em;
}

.margin-bottom-1 {
    margin-bottom: 1em;
}

.margin-bottom-2 {
    margin-bottom: 2em;
}

/* Flat UI */
.form-control,
.btn,
.dropdown-menu,
.modal-content,
.badge,
.label,
.input-group-addon,
code {
    border-radius: 0;
}
.badge,
.label {
    font-weight: normal;
    text-shadow: none;
}

.content {
        width: auto;
        margin-left: 15px; 
        position: relative;
}

.container-rss {
    margin: 0 20px;
    padding: 0 5px;
    width: 250px;
    height: auto;
    border-radius: 20px;
    background: rgba(128,128,128,0.35);
    float: left;
}

.container1 {
    margin: 0 auto;
    padding: 0 10px;
    width: auto;
    height: auto;
    border-radius: 20px;
    background: rgba(128,128,128,0.35);    
    float: left;
}

Поделиться

2

Re: Прошу помочь

У тебя открыты 4 diva

<div class="content">
<div class="container-rss">

    <div class="container">
            <div class="export">

а где они закрываются не видно - проверь.
Чтобы блок выводился на всех страницах, да еще и в начале - лучше сделать его в чанке header или же тебе придется повторять этот код во всех шаблонах (если их один, два то не страшно).
Лично я бы, на твоем месте, посмотрел код который выводится в браузер. Копипаст в notepad++ и увидишь - может где теги не закрыты.

Спасибо говорим плюсиком в репутацию. Так виднее smile

Поделиться

3

Re: Прошу помочь

sergeyterr пишет:

У тебя открыты 4 diva

<div class="content">
<div class="container-rss">

    <div class="container">
            <div class="export">

а где они закрываются не видно - проверь.
Чтобы блок выводился на всех страницах, да еще и в начале - лучше сделать его в чанке header или же тебе придется повторять этот код во всех шаблонах (если их один, два то не страшно).
Лично я бы, на твоем месте, посмотрел код который выводится в браузер. Копипаст в notepad++ и увидишь - может где теги не закрыты.

Спасибо, проблема действительно была в незакрытых div'ах.

Поделиться