Мин. Ширина в MSIE 6

Каким способом окончательный имитирует минимальную ширину свойства CSS в Internet Explorer 6? Лучше не пробовать?

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
6
0
2 934
11
Перейти к ответу Данный вопрос помечен как решенный

Ответы 11

сделайте свой тег css как _Width: 500px или что-то еще.

Ответ принят как подходящий

foo { min-width: 100px }      // for everyone
* html foo { width: 100px }   // just for IE

(или передать отдельную таблицу стилей IE, используя условные комментарии)

Это не обеспечивает минимальную ширину в IE. Фактически вы просто отказываетесь от IE ...

Prestaul 19.09.2008 03:58

Prestaul, IE6 рассматривает ширину как минимальную ширину.

Magnar 19.09.2008 15:18

Насколько я понимаю, это будет работать в IE6, но не в IE7: blog.throbs.net/2006/11/17/IE7+And+MinWidth+.aspx

Prestaul 21.09.2008 09:44

То же исправление, примененное к min-height, похоже, работает для меня как в IE6, так и в IE7!

Christoph Schiessl 06.10.2008 14:54

min- * работает в IE 8. Возможно, вам стоит опубликовать новый вопрос с подробным описанием вашей конкретной проблемы.

kch 27.05.2009 10:35

Хорошо, но в некоторых случаях IE6 действительно обрабатывает width как width (а не min-width). Иногда это работает для меня, а иногда нет.

orip 15.09.2009 17:44

Это работает очень хорошо ...

div.container {
    min-width: 760px; 
    width:expression(document.body.clientWidth < 760? "760px": "auto" ); 
}

Этот CSS не будет соответствовать стандартам W3C. Кроме того, это может вызвать нежелательные эффекты [456bereastreet.com/archive/200611/…. Кроме того, CSS должен иметь только представление, а не поведение.

Rich Adams 18.09.2008 19:27

Кого волнует, будет ли он проверяться или нет, это может привести к сбою браузера пользователя. Очень легко попасть в ситуацию бесконечного цикла, поскольку выражения оцениваются практически для всех событий, таких как события перекомпоновки, а само выражение также вызывает перекомпоновку. Если не проявить особую осторожность, событие перекомпоновки может вернуться к элементу, к которому привязано выражение.

Svend 05.08.2010 18:43

Да, этот код может привести к катастрофе. Вместо этого он должен проверить, меньше ли ширина, чем семьсот шестьдесят-один.

Evan Harper 28.11.2012 20:09

Эта статья в CSS Play, автор Stu Nicholls, показывает различные методы достижения минимальной ширины в IE во всех режимах (Quirks и т. д.) И даже для IE / Mac.

Вы можете использовать выражение (как предлагает HBoss), но если вас беспокоит производительность, лучший способ сделать это - добавить прокладку внутри элемента, к которому вы хотите применить минимальную ширину.

<div id = "container">
  The "shim" div will hold the container div open to at least 500px!
  You should be able to put it anywhere in the container div.
  <div class = "shim">&nbsp;</div>
</div>

#container .shim {
  width: 500px;
  height: 0;
  line-height: 0;
}

Это требует небольшой несемантической разметки, но является действительно кроссбраузерным решением и не требует дополнительных затрат на использование выражения.

Опечатка: сущность & nbsp; обозначает неразрывный пробел в вашем коде, который у вас был & nbsp;

Web_Designer 28.02.2011 10:19

Хороший улов! Через два с половиной года после того, как это было опубликовано!

Prestaul 06.03.2011 09:55
lex parsimoniae.
pixelbobby 11.05.2011 22:27

Быстрый взлом минимальной высоты у меня работает (также работает по ширине)

Используйте условные комментарии для ссылки и специальную таблицу стилей MSIE 6, а затем создайте CSS, как показано ниже.

Совместимые браузеры будут использовать:

min-width: 660px;

Тогда MSIE 6 будет использовать:

width: expression((document.body.clientWidth < 659)? "660px" : "auto");

См. Ответ Hugoware о том, почему такие выражения плохи.

Svend 05.08.2010 18:44

Я возился с каждым ответом, данным здесь за последний месяц. И после экспериментов с методом Pretaul (Мин. Ширина в MSIE 6) он кажется лучшей альтернативой min-width. Никаких хаков или чего-то подобного, просто соответствующий CSS-код, реализация которого занимает 30 секунд.

Судя по поиску в Google, выражения кажутся самыми популярными. В любом случае для меня это предназначалось для случайной блокировки моего браузера (как IE, так и FF).

Пример прокладки подходит для того, чтобы заставить браузер показывать горизонтальную полосу прокрутки, когда контейнер достигает определенного размера, но вы заметите, что содержимое в контейнере все равно будет изменяться по мере уменьшения размера окна. Я полагаю, что это не общая цель при попытке достичь минимальной ширины в IE 6.

Неполная техника минимальной ширины http://www.mediafire.com/imgbnc.php/260264acec99b5aba3e77c1c4cdc54e94g.jpg

Кроме того, использование выражений и других безумных приемов CSS - не лучшая практика. Они небезопасны и нечисты. Этот статья объясняет недостатки CSS-хаков и почему их следует избегать вообще.

Я лично считаю пост scaryjeff лучшим советом для достижения истинной минимальной ширины в IE6, и, как опытный разработчик макетов CSS, я еще не нашел лучшего решения, которое было бы применимо к проблемам такого рода.

This article on CSS Play, by Stu Nicholls, shows the different methods for achieving min-width in IE, in all modes (Quirks, etc) and even for IE/Mac.

Я дал ответ на аналогичный вопрос, в котором подробно описывается использование этой техники для правильного достижения минимальной ширины. Его можно посмотреть здесь:

CSS: два 50% -ных столбца, не соответствующих минимальной ширине.

Это простой и достоверный CSS, который можно использовать практически в любой ситуации. Применительно к приведенному выше примеру прокладки это приводит к тому, что я считаю правильной функциональностью минимальной ширины.

Правильная техника минимальной ширины http://www.mediafire.com/imgbnc.php/a67b2820bfbd6a5b588bea23c4c0462f4g.jpg

Я не знаю, у меня был некоторый успех с:

    min-width: 193px;
    width:auto !important; 
    _width: 193px;  /* IE6 hack */

Комбинация быстрого взлома пыли на минимальной высоте и Как указать в HTML или CSS абсолютную минимальную ширину ячейки таблицы

Кнопка одной строки

button{
background-color:#069;
float:left;
min-width:200px;
width:auto !important;
width:200px;
white-space: nowrap}

Другие вопросы по теме