оптимизация форума под разные разрешения экрана

[Arpeccop]

Доброго времени суток, проблема в следующем:

Поставил форум натянул на него шаблон milky way, подогнал под разрешение экрана 1280x1024, теперь хочу подогнать его под разрешение 1024x768 т.к. пол шапки при этом разрешении съедает. Кто нить знает каким образом это можно осуществить?

[MIT]

Прям вот сразу половину? Да не может такого быть.

Кто нить знает каким образом это можно осуществить?

Осуществить что? Если у тебя картинка фиксированного размера, то она в любом случае будет фиксированного размера, что бы ты с ней не делал. Если нужно одинаковое отображение при разных разрешениях, верстай шапку под резину.

[Пчелкин]

Очень симпатичный фон у форума. Вопрос.
Изменение Хедера (шапки форума)

[Arpeccop]

а условия выставить нельзя мол при разрешении 1024 использовать картинку 1 а при 1280 картинку 2 ?

[MIT]

Arpeccop
У меня в браузере ширина этого форума равна 1390 пикселям. Что делать будешь, тоже условие поставишь? А если я выключу полноэкранный режим окна браузера и сожму его до 1282 пикселей?
Да и разрешение экрана у меня 1440, я что, вообще без картинки в шапке останусь что ли? Не, друг, это глупости.

[Пчелкин]

А как скрипт форума узнает про разрешение у пользователей? У куков спросит? Это будет переворот в ....ну, в общем понятно.

[MIT]

Пчелкин
Узнает, если захочет.

[Айдар]

Arpeccop, имхо, оптимальным вариантом, возможно, станет выравнивание картинки по центру и задание ей ширины 800px, а содержание картинки сделать такое, чтобы по краям был определенный сплошной цвет. Далее по ставить справа и слева 2 td и задать им стилями такой же цвет.
Но этот вариант подходит, только, если у Вас нет текста в шапке (исключение: он прописан в файле изображения).

[Shredder]

Если у тебя картинка фиксированного размера, то она в любом случае будет фиксированного размера, что бы ты с ней не делал.

Можно сделать резиновую картинку вполне. Я делал. Вопрос только в качестве.

Добавлено спустя 6 минут 42 секунды:
Те же min-width и max-width хотя бы.

[Пчелкин]

MIT
ТО - всего навсего данные о серваке моего провайдера...
До меня еще две станции. (одна - релейка и местная-покруче) + плюс волокно.
И ИПИ плавающий...А до Влада - 360 км..Так что фигня это все.

[Arpeccop]

Этот вопрос мною подымался еще год назад - а решается он очень просто - при помощи замены 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 файлы, а в них собственно к одним и тем же переменным прописано различное содержимое, будь то картинка в шапке, размеры таблиц и т.д!
Очень полезная штука, благодарю за внимание, пользуйтесь! =)

[VVVas]

Arpeccop, а зачем так сложно и с javascript?
Есть же варианты по проще и без оного http://htmlbook.ru/css/value/media