Выравнивание сайта

SFproG · 2011-06-15 08:24:10

Делаю сайт фиксированой ширины 1270px. Если открыть сайт на разрешении 1024, то появляется горизонтальная прокрутка. Нужно чтобы сайт обрезался ровно по обоим краям, без появления прокрутки.. Не могу ни чего придумать в css. Подскажите чего нибудь))

KhadeR · 2011-06-15 13:04:03

SFproG, для body задай в css overflow-x: hidden; , сдвиг делай на js, в зависимости от от ширины экрана)

SFproG · 2011-06-15 13:14:53

KhadeR, спасибо конечно. Но я думал что сдвиг можно сделать без js, только средствами css).

Trashcka · 2011-06-15 19:13:12

SFproG, вместо width: 1270px; пиши max-width: 1270px, доисторические браузеры это свойство не понимают.

t3s · 2011-06-25 07:19:33

Trashcka пишет:

SFproG, вместо width: 1270px; пиши max-width: 1270px, доисторические браузеры это свойство не понимают.

если у него там фиксированный размер сайдбаров или контентной часть, скролл будет на всех браузерах, не только на "недоисторических"
а если ставить max-width для всех элементов, которые отвечают за ширину - то это будет уже не фиксированный шаблон

SFproG, оптимально - не делай

сайт фиксированой ширины 1270px

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

учитывая что кол-во продаж планшетов регулярно растет любой адекватный заказчик пойдет навстречу, а вариант с max-width для ключевых элементов - неплохое решение

SFproG · 2011-06-25 09:34:05

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

Убеждал. У него у самого проекционный монитор. Поэтому пофиг на всякие нетбуки и т.п. Сайт, говорит, должен быть строго как на макете (1270). Решил пока проблему обычным выпиливанием горизонтальной прокрутки (overflow-x:hidden;). Хотя, есть какие-то скрипты для ровного выравнивания по краям.. заморачиваться с ними не стал)).

ps. Хотя, вроде как, некоторые планшеты умеют масштабировать аккуратно страницы. Сам не пользовался ими..

Отредактировано SFproG (2011-06-25 09:45:54)

t3s · 2011-06-25 21:03:20

SFproG пишет:

ps. Хотя, вроде как, некоторые планшеты умеют масштабировать аккуратно страницы. Сам не пользовался ими..

это не планшеты умеют масштабировать а сами браузеры - например по клавишам + и - в опере либо Ctrl+ и Ctrl- в файрфоксе/хроме, (либо Ctlr с колесиком мыши)

но это не то...

bestxp · 2011-08-03 10:04:43

если ширина 1270 это ширина с фоновым изображением
то оберни всю часть в див, с позишен релатив, и выравниванием по середине.
которому задаешь размер области к которой относиться контентая часть примерно выглядеть будет так
#wrapper {
width: 1024px;
height: 100%;
margin: 0 auto;
position:relative;
}
а для body задаешь фон , сайт будет по середке, фон так же и ничто не мешает другому

Next Generation CMS :: Форум поддержки

Объявление

#1 2011-06-15 08:24:10

Выравнивание сайта

#2 2011-06-15 13:04:03

Re: Выравнивание сайта

#3 2011-06-15 13:14:53

Re: Выравнивание сайта

#4 2011-06-15 19:13:12

Re: Выравнивание сайта

#5 2011-06-25 07:19:33

Re: Выравнивание сайта

#6 2011-06-25 09:34:05

Re: Выравнивание сайта

#7 2011-06-25 21:03:20

Re: Выравнивание сайта

#8 2011-08-03 10:04:43

Re: Выравнивание сайта

Подвал форума