Шаблоны Blade и нижние колонтитулы

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

На данный момент раздел навигации загружается правильно, и похоже (из инструментов разработчика), что div «blade_content» занимает 100%, как и предполагалось, но по какой-то причине нижний колонтитул находится поверх div «blade_content». а не под ним.

Я знаю, что есть миллион вопросов о нижних колонтитулах, я читал и пробовал их, но по какой-то причине я не могу заставить это работать. Любая помощь вообще будет принята с благодарностью.

Основное лезвие:

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>             
    </head>

    <body>   
        @include('layout.navigation')
        <div class = "blade_content">
            @yield('content')
        </div>  

        @include('layout.footer')           
    </body>

</html>

Соответствующий CSS:

body{
    height: 100%;
}

footer {
    width: 100%;
    line-height: 3em;
    position: relative;
}

html{
    height: 100%;
}

.blade_content {
    height: 100%;
}

Домашний клинок:

@extends('layout.main')

@section('content')

 Test.


@stop

person mario    schedule 21.05.2014    source источник


Ответы (1)


Ваш клинок должен измениться на:

@extends('layout.main')

@section('content')

 Test.

@stop

Этот потерянный @endif может вызвать некоторые проблемы.

person Antonio Carlos Ribeiro    schedule 21.05.2014
comment
Извините, это была моя ошибка, у меня есть оператор if на главной странице, но я не включил его, потому что пытался сделать вопрос как можно более легко читаемым. - person mario; 22.05.2014