проблема CSS и разных браузеров

Статус
В этой теме нельзя размещать новые ответы.
width: expression(document.body.clientWidth > 1010 ? "100%" : "1010px");

но и у этого хака есть минус при некоторых доктайпах в винде ХР сп1 при ресаизе ие6 изза этого скрипта подвисает система, но если осторожно использовать то всё будет ок.(мне удалось подвисать всю систему даже при ХР сп2)
 
получаеться два сайта, один для IE а остальные для других браузерах
Это если при первей же проблеме с IE писать стиль в отдельный файл, потом пойдет как снежный ком. Надо искать кроссбраузерные решения. Всегда есть несколько способов решить одну задачу и в большинстве случаев среди них есть кроссбраузерный, пусть даже не такой "элегантный" как хотелось бы.
 
ресаизе ие6 изза этого скрипта подвисает система

Чтобы не висло нужно измерять не body а div, спозиционированный абсалютом.

HTML:
div#measurer{position:absolute; width:100%; top:0px; height:1px; line-height:1px; z-index:10;} 

.main-cont {
width: expression(
    (
        document.getElementById('measurer') &&
        document.getElementById('measurer').clientWidth < 900
    )
    ?    '900px'
    :    (
            document.getElementById('measurer') &&
            document.getElementById('measurer').clientWidth < 1500
        )
        ?    '100%'
        :    '1500px'
);
}
 
Чтобы не висло нужно измерять не body а div, спозиционированный абсалютом.

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

HTML:
<div id="measurer"></div>
а дальше уже верстка

Поэтому никакой опасности нету.
 
скоко раз писалось что любой хак сегодня может работать ток на одном браузере(как этот для ие) а заватро с выходом новых браузеров, или новых обновлений к другим браузерам - это может и на них проскочить, и вот тогда начнётся беда в которой прийдётся всё переделывать.
Ты не понял, ключевое слово "особенность парсинга". Эта особенность тянется во всех версиях движка IE, т.е. исключений небыло.:)
 
Подскажите пожалуйста, вообщем проблема такая: в дизайне шаблона (резина) при достижении размера 1600 шаблон дальше не растягивается и для более симпатичного варианта, было сделано так, чтобы вокруг шаблона была рамочка которая бы полчеркивала и отделяла.

Но незадача, проверяю шаблон в трех браузерах: Опера, Огненая Лиса и Интернет Эксплорер. Так вот, в интернет Эксплорере постояна при маленьких разрешения (менее 1600) внизу появляется скролинг который все портит :( Как сделать все по граммотному в таком варианте? Djn cfv css рамки:
#root
{
min-width:770px;
max-width:1600px;
background-color: White;
text-align: left;
border: 1px solid #A69C9D;
border-width: 0px 1px 0px 1px;
}
Жирным выделил значения рамки по бокам, т.к. низ страницы не нужно выделять.
 
Есть где-нибудь сборник хаков для браузеров в одном месте?Если будет на русском,вообще респект.
 
Подскажите пожалуйста, вообщем проблема такая: в дизайне шаблона (резина) при достижении размера 1600 шаблон дальше не растягивается и для более симпатичного варианта, было сделано так, чтобы вокруг шаблона была рамочка которая бы полчеркивала и отделяла.

судя по коду и по особеностям ие то это изза бордера, попробуй этому диву не задавать бордер, а в него вставить другой див которому не нужно задавать ширину, и ему поставить этот бордер

а если это от бордера но вложеный див не помог то сделай как фон этот бордер(тоесть делаеш картинку 1х1 с нужным цветом и её задаёш как бэкграунд
 
Есть где-нибудь сборник хаков для браузеров в одном месте?Если будет на русском,вообще респект.

О, этого добра полон инет, достаточно взглянуть на это: Для просмотра ссылки Войди или Зарегистрируйся
вот например статья:
Для просмотра ссылки Войди или Зарегистрируйся
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху