В зависимости от разрешения вызываются разные css-файлы. В зависимости от разрешения вызываются разные css-файлы.
ТАБЛИЦА-МАКЕТ: фиксированная; BORDER-TOP: #cccccc 1px с точкой; BORDER-LEFT: #cccccc 1px с точкой; BORDER-BOTTOM: #cccccc 1px с точкой" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> <SCRIPT LANGUAGE="javascript">
<!--
если (window.navigator.userAgent.indexOf("MSIE")>=1)
{
вар IE1024="";
вар IE800="";
вар IE1152="";
varIEother="";
Ширина экрана(IE1024,IE800,IE1152,IEдругое)
}еще{
если (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://если браузер Firefox
вар Firefox1024="";
вар Firefox800="";
вар Firefox1152="";
вар Firefoxother="";
Ширина экрана(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}еще{
file://если браузер другой
вар Other1024="";
вар Other800="";
вар Other1152="";
вар Otherother="";
Ширина экрана(Другое1024,Другое800,Другое1152,Другоедругое)
}
}
функция ScreenWidth(CSS1,CSS2,CSS3,CSS4){
if ((screen.width == 1024) && (screen.height == 768)){
setActiveStyleSheet(CSS1);
}еще{
if ((screen.width == 800) && (screen.height == 600)){
setActiveStyleSheet(CSS2);
}еще{
if ((screen.width == 1152) && (screen.height == 864)){
setActiveStyleSheet(CSS3);
}еще{
setActiveStyleSheet(CSS4);
}}}
}
функция setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
файл://-->
</СКРИПТ>
объяснять:
вар IE1024="";
вар IE800="";
вар IE1152="";
varIEother="";
Заполните кавычки соответственно и имя файла CSS, который будет использоваться, когда пользователь использует IE и разрешение 1024*768, 800*600, 1152*864.
вар Firefox1024="";
вар Firefox800="";
вар Firefox1152="";
вар Firefoxother="";
Заполните кавычки соответственно и имя файла CSS, который будет использоваться, когда пользователь использует FF и разрешение 1024*768, 800*600, 1152*864.
вар Other1024="";
вар Other800="";
вар Other1152="";
вар Otherother="";
Заполните кавычки отдельно. Когда пользователь использует другие браузеры и разрешение составляет 1024*768, 800*600, 1152*864, имя используемого файла CSS
не
оценивается, оценивается только браузер
.по предложению Э.Цяна скомпилируйте следующий код. Автоматически вызывать разные CSS в зависимости от типа браузера.
Код:
<ЯЗЫК СКРИПТА="javascript">
<!--
если (window.navigator.userAgent.indexOf("MSIE")>=1)
{
file://если браузер IE
setActiveStyleSheet("default.css");
}еще{
если (window.navigator.userAgent.indexOf("Firefox")>=1)
{
file://если браузер Firefox
setActiveStyleSheet("default2.css");
}еще{
file://если браузер другой
setActiveStyleSheet("newsky.css");
}
}
функция setActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
файл://-->
</SCRIPT>
Объяснение:
Если браузер IE, вызовите default.css.
Если браузер Firefox, вызовите default2.css.
Если браузер другой, вызовите newsky.css.
Использование: Поместите в <head></head>. Просто ударь.