Форум     О Клубе, сайте и форуме     Работа сайта и форума

Кто тут в верстке силен? Данила, ай нид хелп.

Решение проблем, предложения по модернизации, расширению функционала и дальнейшему развитию.

Сообщение Чт фев 25, 2010 23:30

Сайт и форум я сделал фиксированной ширины - 1160px, решив, что в современном обществе мониторы с разрешением 1024*768 уже считаются анахронизмом и подлежат списанию на дачу вместе со старым комодом. Ан нет! Оказывается, такое еще встречается и даже очень часто. Никого не хотел обидеть, ей богу. Просто преамбула. (Сам недавно купил себе первый ТВ в жизни, а так все время смотрел ТВ на мониторе с ТВ- тюнером :shame: ).
Суть не в этом короче. Суть в том, что на мониторах с разрешением 1024*768 (и уж тем более 800*600 :muzhik: ) появляется горизонтальная прокрутка в браузере дабы вместить все содержимое. Блин, сижу и думаю - чего это я объясняю? Если человек разбирается в CSS то это очевидные вещи! Короче, уважаемые верстальщики и просто любители, как сделать так, чтобы сайт (или форум, неважно) был фиксированной ширины, а если размер окна меньше 1160px - резиновый и сжимался под размер окна? Пока писал по ходу вкурил, что никак. Ну да ладно. Зря писал что-ли? :crazy:

Пока у меня так:
Код: Выделить всё
#wrap {
   padding: 0 20px;
   min-width: 650px;
   width: 1160px;
   margin: 0 auto;
   border-left: 1px dotted #BFBDBD;
   border-right: 1px dotted #BFBDBD;
   background-color:#fff;
}

Volvo 460 1.6
Mazda 2 Sport 1.5
Audi A4 1.8
Nissan Primera 1.8
Suzuki SX4 1.6 AT
Nissan Tiida 1.6 AT
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai+2 2.0 4WD CVT LE+ 326
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai 2.0 4WD CVT LE+ GAB
Nissan Qashqai 2.0 4WD CVT LE+ 326


Nissan X-Trail 2.5 LE QM1
Nissan Murano 3.5 LE+ LAA

Аватара пользователя
Аш-какАй

Администратор
Возраст: 37
Сообщения: 6286
Откуда: Москва, Рязанка


Благодарности: 559 / 111

Сообщение Пт фев 26, 2010 0:48

Я при верстке обычно использую 960 по ширине. Разрешение пользователя можно проверять скриптом при необходимости и подсовывать нужный css. Вот с min-width как раз у IE есть проблемы в других вроде все ок. Пофиксить можно:
.min_width
{
width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 650)?"650px" : "100%");
min-width:650px;
}
Nissan Qashqai 2.0 CVT 4WD LE+ KYO
Аватара пользователя
EvgenyK

160
Возраст: 40
Сообщения: 175
Откуда: Москва, СВАО


Благодарности: 16 / 3

Сообщение Пт фев 26, 2010 9:05

EvgenyK,
Но .min_width как я понимаю проблему не решает? Да и скриптами страницу грузить не хотелось бы - их и так достаточно тут! :crazy:

Volvo 460 1.6
Mazda 2 Sport 1.5
Audi A4 1.8
Nissan Primera 1.8
Suzuki SX4 1.6 AT
Nissan Tiida 1.6 AT
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai+2 2.0 4WD CVT LE+ 326
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai 2.0 4WD CVT LE+ GAB
Nissan Qashqai 2.0 4WD CVT LE+ 326


Nissan X-Trail 2.5 LE QM1
Nissan Murano 3.5 LE+ LAA

Аватара пользователя
Аш-какАй

Администратор
Возраст: 37
Сообщения: 6286
Откуда: Москва, Рязанка


Благодарности: 559 / 111

Сообщение Пт фев 26, 2010 9:56

Аш-какАй,
Жень, может я с утра плохо соображаю, но попробуй поставить не width, а max-width
правда например IE6 св-в min-width, max-width не поддерживает
был 4WD МКП SE+ Hazy Gold (E51) с 13 июля 2007
стал 2WD МКП SE White 2L c 21 июня 2011
Аватара пользователя
Ellenna

1500
Возраст: 45
Сообщения: 1823
Откуда: Москва


Благодарности: 127 / 89

Сообщение Пт фев 26, 2010 12:25

Аш-какАй,
В общем то реализовать можно, но без js не обойтись ИМХО.
Может стоит посмотреть статистику разрешений для сайта и думать стоит ли заморачиваться с адаптированием под разрешения ниже 1024.
Nissan Qashqai 2.0 CVT 4WD LE+ KYO
Аватара пользователя
EvgenyK

160
Возраст: 40
Сообщения: 175
Откуда: Москва, СВАО


Благодарности: 16 / 3

Сообщение Пт фев 26, 2010 12:31

EvgenyK писал(а):посмотреть статистику разрешений для сайта и думать стоит ли заморачиваться с адаптированием под разрешения ниже 1024.

Самый лучший вариант :yesyes:
А вдруг действительно, это уже никому не надо :khmmm:
Пока ведь никто не жаловался на неудобство горизонтальной прокрутки :)
Кроме меня... :shame: :)
Nissan Qashqai 2.0, 4WD, CVT, SE, C30 - Продал
Nissan X-Trail 2,5 4WD, MCVT, LE, K55
Аватара пользователя
Racer

3000
Возраст: 42
Сообщения: 4165
Откуда: Москва, САО, Водный Стадион


Благодарности: 648 / 374

Сообщение Пт фев 26, 2010 20:35

у меня сейчас страница узкой стала :khmmm: не на всю ширину монитора
2.0L SE+ 2WD CVT(черный )
Аватара пользователя
52регион

600
Сообщения: 631
Благодарности: 12 / 17

Сообщение Пт фев 26, 2010 20:57

У меня стоит разрешение 1680х1050 и теперь поля по 6 см, :khmmm: совсем не хорошо :tochno-nea:
NISSAN QASHQAI 2.0, 4WD, 6МКПП, SILVER 11.2007
Аватара пользователя
Mihail

1000
Возраст: 60
Сообщения: 1166
Откуда: Пермь


Благодарности: 151 / 57

Сообщение Пн мар 01, 2010 15:15

Racer писал(а):Пока ведь никто не жаловался на неудобство горизонтальной прокрутки :)
Кроме меня... :shame: :)

Замучился крутить! :yesyes:
Коша 2.0 2WD 6МКПП с 20.06.07 по 06.02.09 пробег 80230 км.
Патфайндер 2,5 TD, проехали 70000 км.
С 08.2010. Соренто 2,4 АКПП
Аватара пользователя
serga

1000
Возраст: 46
Сообщения: 1259
Откуда: Москва ЮЗАО


Благодарности: 94 / 33

Сообщение Пн мар 01, 2010 15:28

Аш-какАй,
Это еще, что разберемся, вот когда под наладонник версию будешь делать wap вот затыки начнутся с форумом.
Пришли весь набор css, особливо под IE6. И смени название с версткой на web-верстку. Сегодня это ужо разные вещи. С полиграфической верской помогу, а с css отдам на откуп своим гуру. И надеюсь помогут.
Иногда дают покататься. Из клаба Тойоты выгнали за наклейку на заду QASHQAI-CITY.RU - И я продал Тойку!
Заработал наш с супругой сайт:http://www.timeLR.ru
Аватара пользователя
borzman

900
Возраст: 55
Сообщения: 905
Откуда: Москва МОСФИЛЬМ


Благодарности: 30 / 80

Сообщение Пн мар 01, 2010 19:47

serga писал(а):Замучился крутить!

+1 :)
Чтобы понять себя, нужно первым делом разогнать всех, кто уже понял себя и лезет понимать других.
Аватара пользователя
OldELF

2000
Возраст: 42
Сообщения: 2151
Откуда: Москва


Благодарности: 315 / 48

Сообщение Пн мар 01, 2010 20:13

OldELF писал(а):
serga писал(а):Замучился крутить!

+1 :)

= :) +2
1.6 2WD SE+ A52
Аватара пользователя
NikitoZ

400
Сообщения: 412
Откуда: г. Йошкар-Ола


Благодарности: 27 / 11

Сообщение Вт мар 02, 2010 10:25

Конкретно неудобно!
AGS53

250
Возраст: 64
Сообщения: 280
Откуда: Свердловская обл.


Благодарности: 41 / 67

Сообщение Ср мар 03, 2010 14:44

Блин. Не знал, что так много маленьких мониторов у людей.
Кстати, попробовал сделать так как сказала Лена - все работает и сжимается, но как и предупреждали все - в IE 6.0 не работает! :(((

borzman писал(а):Пришли весь набор css, особливо под IE6.

Дык, Володь, тут и присылать нечего, все есть в первом посте. Нужен просто пример как сделать так, чтобы:
1) Средний блок был фиксированной ширины
2) Но в случае если разрешение маленькое - блок был резиновым!

Volvo 460 1.6
Mazda 2 Sport 1.5
Audi A4 1.8
Nissan Primera 1.8
Suzuki SX4 1.6 AT
Nissan Tiida 1.6 AT
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai+2 2.0 4WD CVT LE+ 326
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai 2.0 4WD CVT LE+ GAB
Nissan Qashqai 2.0 4WD CVT LE+ 326


Nissan X-Trail 2.5 LE QM1
Nissan Murano 3.5 LE+ LAA

Аватара пользователя
Аш-какАй

Администратор
Возраст: 37
Сообщения: 6286
Откуда: Москва, Рязанка


Благодарности: 559 / 111

Сообщение Ср мар 03, 2010 19:44

Аш-какАй писал(а):Блин. Не знал, что так много маленьких мониторов у людей.

наверное все через айфон ходят :)
был 4WD МКП SE+ Hazy Gold (E51) с 13 июля 2007
стал 2WD МКП SE White 2L c 21 июня 2011
Аватара пользователя
Ellenna

1500
Возраст: 45
Сообщения: 1823
Откуда: Москва


Благодарности: 127 / 89

Сообщение Пт окт 15, 2010 10:02

перешел на нетбук с разрешением 1024х600 теперь мне горизонтальной прокрутки не избежать ?
2.0L SE+ 2WD CVT(черный )
Аватара пользователя
52регион

600
Сообщения: 631
Благодарности: 12 / 17

Сообщение Пт окт 15, 2010 13:04

52регион,
Можете попробовать изменить масштаб отображения. Меняется в браузере через меню или комбинацией клавиш "CTRL" + "-"
Но тогда и текст с масштабируется
Qashqai 2009г. SE+ 1.6 л. 5-МКПП
Серов Дмитрий

40
Сообщения: 44
Откуда: Брянск


Благодарности: 1 / 5

Сообщение Пт окт 15, 2010 13:36

Серов Дмитрий,
спасибо помогло
2.0L SE+ 2WD CVT(черный )
Аватара пользователя
52регион

600
Сообщения: 631
Благодарности: 12 / 17

Сообщение Сб окт 16, 2010 22:19

Аш-какАй,
Вот тебе инструмент-игрушка...
http://csstemplater.com/

Вот вариант с левой колонкой в 300px и общей минимальной шириной в 800px...
http://csstemplater.com/result/index_xh ... _eh_1.html
1.6 2WD MT5 SE+ BV4 ярко-синий. 97000 км. 7,4 л/100км.
Ждал 353 дня. 07.09.2007 - 26.08.2008. Дженсер на Добролюбова, Москва.

Я тут был - WWW.QASHQAI-SLED.RU
Спасибо сказали:   Аш-какАй
Аватара пользователя
Mr.BIG

3000
Возраст: 36
Сообщения: 3080
Откуда: Мск


Благодарности: 221 / 124

Сообщение Чт ноя 04, 2010 14:04

Mr.BIG,
Инструмент хороший, спору нет. Даже понял, как сделать резиновой середину. Но к сожалению не на форуме. На остальном сайте - да, без проблем, там идет подмена css в случае с IE6. Но с форумом сложнее, тут нужно все перелопачивать. :zloba:

Добавлено спустя 1 минуту 44 секунды:
Да и сделано там все DIVами, а я в них если честно не очень. :shame: Я лучше по старинке - таблицами. :beeeee:

Volvo 460 1.6
Mazda 2 Sport 1.5
Audi A4 1.8
Nissan Primera 1.8
Suzuki SX4 1.6 AT
Nissan Tiida 1.6 AT
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai+2 2.0 4WD CVT LE+ 326
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai 2.0 4WD CVT LE+ GAB
Nissan Qashqai 2.0 4WD CVT LE+ 326


Nissan X-Trail 2.5 LE QM1
Nissan Murano 3.5 LE+ LAA

Аватара пользователя
Аш-какАй

Администратор
Возраст: 37
Сообщения: 6286
Откуда: Москва, Рязанка


Благодарности: 559 / 111

Сообщение Пт ноя 05, 2010 13:47

Короче, на стал лениться и все переверстал. Сел вчера и сегодня закончил. Теперь никакой горизонтальной прокрутки! Как просили! :regards: :regards: :regards:

Mr.BIG,спасибо большое!!! Очень помог ссылкой!

Volvo 460 1.6
Mazda 2 Sport 1.5
Audi A4 1.8
Nissan Primera 1.8
Suzuki SX4 1.6 AT
Nissan Tiida 1.6 AT
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai+2 2.0 4WD CVT LE+ 326
Nissan Qashqai 2.0 4WD CVT LE+ Z11
Nissan Qashqai 2.0 4WD CVT LE+ GAB
Nissan Qashqai 2.0 4WD CVT LE+ 326


Nissan X-Trail 2.5 LE QM1
Nissan Murano 3.5 LE+ LAA

Спасибо сказали:   52регион, Racer
Аватара пользователя
Аш-какАй

Администратор
Возраст: 37
Сообщения: 6286
Откуда: Москва, Рязанка


Благодарности: 559 / 111

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в Работа сайта и форума



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 5