Шапка

Статус
В этой теме нельзя размещать новые ответы.

MGN

Участники
Сообщения
250
Реакции
146
Баллы
8,145
Доброго времени суток. Подскажите, есть шапка n размеров.. где и что прописать, чтобы она растягивалась под все разрешения?

Если ширину страницы сделать авто, то шапка при этом только наполовину[DOUBLEPOST=1384784863,1384775130][/DOUBLEPOST]Подскажет кто?)
 
Вообще в корне неверно тянуть картинку, она в любом случае будет ужасна... Увеличьте её в фотошопе до нужных размеров и вставьте без всяких танцев в шапку...
 
А если разрешение будет разное, то она ведь меньше не станет? У меня вот 1920х1080 , если её увеличить, ток как будет на разрешение допустим 1280х800 ? Если при разрешение в 1280х800 она на весь экран
 
В самый низ header.css добавьте такое:
Код:
#header #logoBlock {
background: url('/kartinka.png');
background-repeat: no-repeat;
background-position:center;
}

Но это опять же вряд ли решит Вашу проблему.[DOUBLEPOST=1384786934,1384786896][/DOUBLEPOST]
А если разрешение будет разное, то она ведь меньше не станет? У меня вот 1920х1080 , если её увеличить, ток как будет на разрешение допустим 1280х800 ? Если при разрешение в 1280х800 она на весь экран
Вот этого не могу сказать, нужно проверять...
 
Последнее редактирование:
spartak, задача решается через JavaScript. К сожалению, в нем не разбираюсь, поэтому решение не предложу. Суть такова: а)скрипт проверяет расширение пользовательского экрана; б)выводит картинку соответствующего размера.
Для этого надо сделать набор из шапок под любую возможную резолюцию (включая мобильные устройства), а скрипту задать блок условий по типу switch (в РНР) или массив.
Реализовать первую часть (проверку резолюции) можно так:
HTML:
<Script Language="JavaScript">
var height=0;
var width=0;
colorDepth = screen.colorDepth;
if (self.screen)
{
  width = screen.width
  height = screen.height
}
else if (self.java)
{
  var jToolKit = java.awt.Toolkit.getDefaultToolkit();
  var scrsize = jToolKit.getScreenSize();
  width = scrsize.width;
  height = scrsize.height;
}
if (width > 0 && height > 0)
{
  // Производим перенаправление на скрипт counter.php, передавая в
  // переменной scrsize строку, содержащую значения width,
  // height и colorDepth.
  window.location.href = "http://localhost/view.php?
                          width=" + width +
                        "&height=" + height +
                        "&color=" + colorDepth;
} else exit();
</Script>
Это типовое решение. Дальше нужно перечислять условия и перебирать картинки.
 
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу