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

Решение проблем, предложения по модернизации, расширению функционала и дальнейшему развитию.
Аватара пользователя
Аш-какАй
Администратор
Администратор
Сообщения: 6271
Зарегистрирован: 25 фев 2007, 21:12
Откуда: Москва, Рязанка
Контактная информация:

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

#1

Сообщение Аш-какАй » 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;
}

Аватара пользователя
EvgenyK
160
160
Сообщения: 175
Зарегистрирован: 25 янв 2008, 17:20
Откуда: Москва, СВАО
Контактная информация:

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

#2

Сообщение EvgenyK » 26 фев 2010, 00: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

Аватара пользователя
Аш-какАй
Администратор
Администратор
Сообщения: 6271
Зарегистрирован: 25 фев 2007, 21:12
Откуда: Москва, Рязанка
Контактная информация:

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

#3

Сообщение Аш-какАй » 26 фев 2010, 09:05

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

Аватара пользователя
Ellenna
1500
1500
Сообщения: 1799
Зарегистрирован: 05 окт 2007, 10:52
Откуда: Москва
Контактная информация:

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

#4

Сообщение Ellenna » 26 фев 2010, 09:56

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

Аватара пользователя
EvgenyK
160
160
Сообщения: 175
Зарегистрирован: 25 янв 2008, 17:20
Откуда: Москва, СВАО
Контактная информация:

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

#5

Сообщение EvgenyK » 26 фев 2010, 12:25

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


Аватара пользователя
Racer
3000
3000
Сообщения: 4074
Зарегистрирован: 11 апр 2007, 09:49
Откуда: Москва, САО, Водный Стадион

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

#6

Сообщение Racer » 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

Аватара пользователя
52регион
600
600
Сообщения: 615
Зарегистрирован: 13 сен 2008, 19:47
Контактная информация:

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

#7

Сообщение 52регион » 26 фев 2010, 20:35

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

Аватара пользователя
Mihail
1000
1000
Сообщения: 1145
Зарегистрирован: 29 окт 2007, 12:57
Откуда: Пермь
Контактная информация:

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

#8

Сообщение Mihail » 26 фев 2010, 20:57

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

Аватара пользователя
serga
1000
1000
Сообщения: 1257
Зарегистрирован: 20 сен 2007, 14:22
Откуда: Москва ЮЗАО

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

#9

Сообщение serga » 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 АКПП

Аватара пользователя
borzman
800
800
Сообщения: 855
Зарегистрирован: 30 май 2007, 23:05
Откуда: Москва МОСФИЛЬМ
Контактная информация:

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

#10

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

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


Аватара пользователя
OldELF
2000
2000
Сообщения: 2113
Зарегистрирован: 30 июл 2008, 14:16
Откуда: Москва
Контактная информация:

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

#11

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

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

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

Аватара пользователя
NikitoZ
400
400
Сообщения: 410
Зарегистрирован: 20 июн 2007, 14:45
Откуда: г. Йошкар-Ола
Контактная информация:

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

#12

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

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

+1 :)

= :) +2
1.6 2WD SE+ A52

AGS53
250
250
Сообщения: 275
Зарегистрирован: 26 май 2007, 21:55
Откуда: Свердловская обл.

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

#13

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

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

Аватара пользователя
Аш-какАй
Администратор
Администратор
Сообщения: 6271
Зарегистрирован: 25 фев 2007, 21:12
Откуда: Москва, Рязанка
Контактная информация:

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

#14

Сообщение Аш-какАй » 03 мар 2010, 14:44

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

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

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

Аватара пользователя
Ellenna
1500
1500
Сообщения: 1799
Зарегистрирован: 05 окт 2007, 10:52
Откуда: Москва
Контактная информация:

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

#15

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

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

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


Аватара пользователя
52регион
600
600
Сообщения: 615
Зарегистрирован: 13 сен 2008, 19:47
Контактная информация:

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

#16

Сообщение 52регион » 15 окт 2010, 11:02

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

Серов Дмитрий
40
40
Сообщения: 44
Зарегистрирован: 24 фев 2010, 20:12
Откуда: Брянск
Контактная информация:

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

#17

Сообщение Серов Дмитрий » 15 окт 2010, 14:04

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

Аватара пользователя
52регион
600
600
Сообщения: 615
Зарегистрирован: 13 сен 2008, 19:47
Контактная информация:

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

#18

Сообщение 52регион » 15 окт 2010, 14:36

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

Аватара пользователя
Mr.BIG
2500
2500
Сообщения: 2826
Зарегистрирован: 09 май 2008, 12:15
Откуда: Мск

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

#19

Сообщение Mr.BIG » 16 окт 2010, 23:19

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

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

Я тут был - WWW.QASHQAI-SLED.RU

Аватара пользователя
Аш-какАй
Администратор
Администратор
Сообщения: 6271
Зарегистрирован: 25 фев 2007, 21:12
Откуда: Москва, Рязанка
Контактная информация:

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

#20

Сообщение Аш-какАй » 04 ноя 2010, 14:05

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

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

Аватара пользователя
Аш-какАй
Администратор
Администратор
Сообщения: 6271
Зарегистрирован: 25 фев 2007, 21:12
Откуда: Москва, Рязанка
Контактная информация:

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

#21

Сообщение Аш-какАй » 05 ноя 2010, 13:47

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

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



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



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

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