Jump to content

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


Recommended Posts

Добрый день!

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

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

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

https://jsfiddle.net/4yLw0j38/

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

Link to post
Share on other sites

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

Link to post
Share on other sites
  • 2 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Member Statistics

    47,229
    Total Members
    1,451
    Most Online
    spertosik
    Newest Member
    spertosik
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...