Помогите с шапкой плз!
Имеем - картинка 1280x200 (можно другой размер сделать)
Требуется - картинка, после сразу меню и что бы все это корректно работало на всех разрешениях.

Пробовал такой скрипт

<style type="text/css">
#pun-title table span {display: none;}
#pun-title table {background-image : url(http://my.jpg); background-repeat: no-repeat; height: 200px;}
</style>

На экранах 1280 и 1366 - все выглядит Ок.
На 1920 - картинка занимает весь экран, но смещена влево.
На всяких планшетах и прочих 1024x768 - видно только начало картинки, далее обрезана.

Сейчас вот так нормально расятгивается под любое разрешение, но тогда между картинкой и главным меню появляется пустая полоса , на которой название форума написано, название скриптом удалилось, а строчка осталась ((

<img src="http://my.jpg"width=100%>
<style type="text/css">
#pun-title table span {display: none;}
</style>

Как исправть 1й скрипт, что бы под разное разрешение подстраивалось?
Либо как исправить 2й скрипт, что бы убрать строку между шапкой и меню.
Либо может кто предложит другой вариант скрипта? )

Отредактировано Den172 (Пт, 1 Фев 2013 09:47:58)