Sign in to follow this  
Sharmat

Футер по ширине страницы (float)

Recommended Posts

Добрый день!

Только начинаю обучение и уже проблема.

Суть в следующем. Два блока (меню и блок с контентом) ставятся горизонтально, третий (футер) должен быть прижат под ними и распространяться на всю ширину страницы. Блок прокрутки при этом имеет <overflow>. В итоге меню и контент через <float> горизонтально встают без проблем. Однако футер при этом выравнивается по блоку с контентом и также прокручивается через скролл, как и контент (иными словами, как будто он вложен в <div> с контентом). Для наглядности цепляю скрин. (фон блокам задан мной для наглядности). Код вроде полностью, как в книге (пока учусь азам по книжке), а результат отличается. 

Также ссылка на код

https://jsfiddle.net/4yLw0j38/

Безымянный.png

Share this post


Link to post
Share on other sites

Sharmat, У вас не закрыты теги. А именно: <A HREF="http:ru.wikipedia.org/wiki/HTML" TARGET="_blank">вся статья<A> и тег таблицы. Также приведите к одному виду все ваши наименования ID. А то у вас в HTML они написаны маленькими буквами, а в CSS большими. Названия классов и id - регистрозависимы.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Member Statistics

    46,742
    Total Members
    3,128
    Most Online
    whisperlolz
    Newest Member
    whisperlolz
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.