Этот вопрос мною подымался еще год назад - а решается он очень просто - при помощи замены css файлов:
в этом нам поможет скрипт который мы прописываем в overall_header.html в замен строки:
<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />
заменяем на:
<script type="text/javascript">
var height=0;
var width=0;
width = screen.width
height = screen.height
if (width == 1024 && height == 768 )
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet_1024.css" type="text/css" />');}
else {
if (width <= 1280 && height <= 1024 && width > 1024)
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet.css" type="text/css" />');}
else {
if (width == 1024 && height == 600)
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet_1024.css" type="text/css" />');}
else {
{document.write('<link rel="stylesheet" href="http://ForumName/styles/milky_way/theme/stylesheet.css" type="text/css" />');}
}
}}
</script>
(ForumName замените на имя вашего форума)
И теперь при разных разрешениях экрана у нас подгружаются разные css файлы, а в них собственно к одним и тем же переменным прописано различное содержимое, будь то картинка в шапке, размеры таблиц и т.д!
Очень полезная штука, благодарю за внимание, пользуйтесь! =)