Help - нужна помощь !!!!!

P
На сайте с 18.03.2007
Offline
76
470

Здравствуйте, помогите, пишу оформление для сайта - ( дизайн ), суть следующая, нужен дизайн который бы мог работать от 1024х678 до 1600х900 пикселей - отображение не должно отличаться в этом диапазоне при просмотре на разных мониторах помогите решить эту проблему, что нужно, чтобы фон не разъезжался от текста , проблема в том, что при просмотре на разных мониторах дизайн с текстом разъезжаются, пробовал задавать проценты, конкретные размеры тоже, не помогает. закол****ся.

T.R.O.N
На сайте с 18.05.2004
Offline
314
#1
От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
totamon
На сайте с 12.05.2007
Offline
437
#2

главное стоит понять что резиновая верстка - это не масшабирование! отображение будет отличаться по любому:)) попадался такой клиент уперся подавай ему чтобы одинаково страница смотрелась... в итоге остановились на фиксированной ширине, это ладно если портал и контента завались, а если пара абзацев, куда их тянуть?

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
Phreak
На сайте с 29.11.2009
Offline
156
#3

paradyne,

При создании новых тем постарайтесь придерживаться следующих правил:
Название темы должно быть информативным. Заголовки типа «Подскажите», «Помогите», «Есть вопрос», «Вопрос по PageRank" и подобные лишь демонстрируют Ваше неуважение к остальным участникам.

Почитайте-ка на досуге

KMA.BIZ (/ru/forum/869394) - Хочешь денег? Раздаем Oblivochki.biz ( /ru/forum/879341) - Обливочки. Они ждут тебя. Облейся трафом
D1
На сайте с 24.03.2010
Offline
13
#4

Самое банальное решение. Вроде просто и работает.

<script language=JavaScript>
if (screen.width <= '800') {document.write ('<LINK href="style800.css" rel="stylesheet" type="text/css">');
}
else if (screen.width <= '1024') {document.write ('<LINK href="style1024.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1152') {document.write ('<LINK href="style1152.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1280') {document.write ('<LINK href="style1280.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1440') {document.write ('<LINK href="style1440.css" rel="stylesheet" type="text/css">'); }
</script>

Задайте каждому разрешению свои css.

пробовал задавать проценты

Сейчас уже для эластичных дизайнов не в % ширину указывает, а в em, поскольку это наиболее приемлимо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий