Jump to content
  • Sign Up

Футер по ширине страницы (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...

Огромное спасибо. Закрытие тегов помогло. Блин, сам так и не мог узреть отсутствие "/" в закрывающих тэгах.

Link to post
Share on other sites

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...