width в ИЕ и Мозилле

12
Terys
На сайте с 28.03.2007
Offline
137
962

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

Сейчас вот такая вот ситуация.

В ИЕ - полоса прокрутки не появляется и все содержимое сужается.

В мозилле - все хорошо.

Вот кусочек css:

width: 90% !important;

min-width: 800px;

сайт kvn.name

GR (https://rs.grnet.ru/add/) - реклама от 99 р.
mfl
На сайте с 16.10.2006
Offline
134
mfl
#1

IE6 min-width не поддерживает, только IE7

Решение: Вставить в элемент прозарчную картинку style="width:800px;height:1px;"

Seo Spy
На сайте с 31.07.2007
Offline
10
#2

есть решение:


.all {min-width: 800px; width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 800 ? "800px" : "auto");}
get rich or die tryin - (c) У Анатолия Вассермана 7 мозгов, один в голове, 5 рассованы по карманам и один в бороде. (http://portal.legko.org/2007/10/26/)
Terys
На сайте с 28.03.2007
Offline
137
#3

немножко не так.

мне надо что бы у всех, у кого нормальное расширение екрана - было width: 90% !important; и при уменьшении браузера - появлялась нижняя полоса прокрутки во всех браузерах.

а при маленьком расширении екрана (800px) - ширина странцы была 800px и тоже с полосок прокрутки во всех браузерах при уменьшении браузера. о_О

Shtogrin
На сайте с 02.11.2006
Offline
95
#4

http://xhtml.ru/2006/06/04/min-width/

но много вложенных дивов

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
mfl
На сайте с 16.10.2006
Offline
134
mfl
#5

вроде так и есть, вставляешь прозрачную картинку, ширина элемента 90% при уменьшении ширины окна элемент сжимается, картинка шириной 800px ограничивает сжатие

<div id="header">

<div id="header_inner" class="fluid">
<div id="logo">
<span><a href="/" title="Главная"><img src="/files/kvn_logo.gif" alt="Главная" border="0" /></a></span>
</div>
<div id="menu">
<ul class="links"><li class="first menu-1-1-2"><a href="http://www.kvn.name" class="menu-1-1-2">Главная</a></li>
<li class="last menu-1-2-2"><a href="/node/add/usersjoces" class="menu-1-2-2">Добавить материал на сайт</a></li>
</ul> </div>
<img src="1.gif" style="width:800px;height:1px;"></div>
</div>
Terys
На сайте с 28.03.2007
Offline
137
#6

спасибо, но всеравно не помогло)

буду надеяться что все перейдут на ИЕ7 =)

[Удален]
#7

Terys, вариант www.tandem-west.com подойдет?

kruto
На сайте с 26.10.2007
Offline
12
#8

burunduk, в вешем примеревобще просто фиксирована ширина, человеку другое надо.

Terys, не думаю что очень быстро все перейдут на IE7. Обойти нерабочесть свойтсва min-width есть много способов подробно описанных. но все они имеют недостатки. Лично я перепробовав все эти способы просто решил сделать рамку в виде таблицы в вашем случае 90% ширина и в нее поместив распорку 800px. Распорка или в виде каринки просзрачной или в виде блока высотой 1 px и шириной width:800px.

Здесь могла быть моя подпись.
Pavka
На сайте с 20.05.2005
Offline
82
#9

Наверное такой вариант нужен?

http://www.rusedu.ru/

Без подписи
dkameleon
На сайте с 09.12.2005
Offline
386
#10

Что если попробовать так?

width: 90% !important;
min-width: 800px;
_width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 800 ? "800px" : "90%");
Дизайн интерьера (http://balabukha.com/)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий