-
собственно сайт htt p://saiga.ru
поиграем с окошком браузера в Opera - при уменьшении окна браузера элементы в шапке начинают плавно сдвигаться - когда сдвинулись - появляется полоса прокрутки... При увеличении шапка по ширине растягивается до определенного расстояния, потом тянутся уши побокам.. - все круто.
А если сделать тоже самое в IE то мы видим как при уменгьшении окна - страница начинает "плясать" - т.е. вначале появляется полоса поркрутки, потом начинает работать функция - резко уменьшается ширина колонки...
Сама функция в ЦСС: по поводу таблиц и как это должно работать:
#main
{ width: expression( ( document.getElementsByTagName('body') && document.getElementsByTagName("body")[0].clientWidth < 918 ) ? '100%' : '918px');
background: url('images/bgmain.jpg') no-repeat right top;
min-width:770px;
max-width: 918px;
}
#maintable {
width: expression( ( document.getElementsByTagName('body') && document.getElementsByTagName("body")[0].clientWidth < 770 ) ? '100%' : '770px');
}
мэйнтейбл - это общая таблица с ушами побокам
мэйн - шапка
...
Собственно гуру, в чем может быть причина такого бага??
Функция сама правильно написано? - может в ней ошибка?
В Доктайпе ?
}
#maintable {
width: expression( ( document.getElementsByTagName('body') && document.getElementsByTagName("body")[0].clientWidth < 770 ) ? '100%' : '770px');
}
мэйнтейбл - это общая таблица с ушами побокам
мэйн - шапка
...
Собственно гуру, в чем может быть причина такого бага??
Функция сама правильно написано? - может в ней ошибка?
В Доктайпе ?
-
Честно говоря, не совсем понятно зачем Вы используете методы расчета ширины, которые по большей части используются для позиционирования блоков. Табличные макеты, как правило, сами по себе нормально отображаются и растягиваются во всех браузерах. Растягивайте основную таблицу на 100%, задавайте фиксированную ширину для фиксированных столбцов и не задавайте ширину (или задавайте 100%, если контекст позволяет) для столбцов, которые должны быть "резиновыми".
P.S. Сокращенный вариант ОТД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> не переводит IE6 в стандартный режим рендеринга.
-
ИЕ6 и ниже не понимают min-width и min-width (не знаю как насчет 7-го ИЕ), поэтому пока эти тэги холостые
-
просьба к администраторам форума включить опцию "разрешить удалять свои сообщения"
-
ток давайте называть вещи своими именами, в CSS нет функций и тэгов, есть СВОЙСТВА .
-
как ты это не обзови, ИЕ всё равно не поймет )
а если серьезно, то да, надо...
-
Цитата:
Originally posted by Defnur@Jan 13 2007, 13:41
ИЕ6 и ниже не понимают min-width и min-width (не знаю как насчет 7-го ИЕ), поэтому пока эти тэги холостые
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Не совсем холостые.
В данном случае они должны работать для тех браузеров, которые их понимают. А для "этогосамогобраузера" у автора в коде другие решения используются, по поводу которых, собственно говоря, я и сделал свой первый комментарий.
А ИЕ7 для нас, на мой взгляд, не только не решит проблем, а только добавит новых. [Only registered and activated users can see links. Click Here To Register...] Теперь придется код не под три браузера затачивать, а под четыре. [Only registered and activated users can see links. Click Here To Register...] Не принимать во внимание IE6 все равно еще лет несколько не получится...
Цитата:
Originally posted by Zigzag@Jan 13 2007, 14:24
ток давайте называть вещи своими именами, в CSS нет функций* и тэгов, есть СВОЙСТВА .
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
[Only registered and activated users can see links. Click Here To Register...]
