Jump to content
  • 0

Проблема с float


StormMan
 Share

Question

Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан).

Я уже не первый год в вёртске, но в данном случае я уже просто не знаю, в чём может быть причина. Это магия какая-то.... Очень надеюсь, что здесь есть асы, кто сможет указать на мою ошибку. Ибо уже много часов и не первый день я безрезультатно шаманю над этой проблемой..

Edited by StormMan
Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Во-первых:

Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both

Неправда :) См. скриншот.

Во-вторых,

правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both

Сайдбар никуда не вылазит. Дело в позиционировании sidebar-widget: Скриншот

Подробнее по теме тут.

Link to comment
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
Answer this question...

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

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy