Jump to content
  • 0

float в ие-6 работает некорректно


cratte
 Share

Question

Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Здравствуйте, у меня такая проблема: на сайте есть два блока, блок меню и блок, содержащий контент. Меню - 20%, контент - 80% от экрана, но в разделе с контентом содержатся изображения и их размер может превышать размер экрана. Во всех браузерах, кроме ие-6, в этом случае появляется горизонтальная прокрутка, а ие, просто, переносит раздел с контентом вниз, под блок содержащий меню. Подскажите, пожалуйста, есть ли какие-нибудь средства избавиться от этой проблемы?

Задай контенту ширину меньше, чем 80%

Link to comment
Share on other sites

  • 0
ТС, код в студию.

Да я думаю, необязательно, там походу старая проблема, когда если ширина двух колонок в сумме равна 100%,то правая часть перескакивает под левую вниз.

задать overflow:auto

Нельзя, потому-что появится полоса прокрутки.

Link to comment
Share on other sites

  • 0

Полагаю, ширину тут указывать любую - бесполезно. IE6 воспринимает только как рекомендация, в отличие от остальных браузеров, типа min-width. Потому любой контент, превышающий зрительно ширину родителя, автоматом увеличивает его ширину. Как вариант - изображения модифицировать, выдавать, допустим, в тег <img width="сколько-то px" />, или ресайз, на уровне сервера или клиента. Если надо ориг. размер картинки сохранить, можно у клиента яваскриптом поколдовать, например, картинка сама в абсолюте, оборачивается в блок с релейтивом, высота которого перенимается, чтобы идущий следом контент не проваливался под выведенную из потока картинку. Есть еще пара мыслей, но уже, на мой взгляд, менее перспективные. В целом так.

Link to comment
Share on other sites

  • 0

{-display: inline} не помог, ие-6 на него ни как не отреагировал, оverflow:auto - тоже. По поводу включения скриптов на страницу, хотелось обойтись без них, если не получится, то да, буду пользоваться ими.

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