[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: проблемы отображения на рызных мониторах
_Dimarik__
Столкнулся с такой проблемой. пишу padding-left: 300px;
по-разному отображается на разных мониторах. А в телефоне вообще уплывёт наверно когда через телефон будешь смотреть. надо в процентах делать чтоб везде примерно одинаково отображалось?



Спустя 7 минут, 8 секунд (6.09.2010 - 16:57) Slays написал(а):
естественно, 300 пикселей они и в Африке 300 пикселей, и при расширении в 800 пикселей и в 1280 они останутся 300 пикселями.

Спустя 4 минуты, 47 секунд (6.09.2010 - 17:02) _Dimarik__ написал(а):
Так это не совсем корректно использовать форматирование в пикселях? надо в %??? или как правильно?

Спустя 4 минуты, 24 секунды (6.09.2010 - 17:06) ApuktaChehov написал(а):
Смотря что вы делаете. Правильно оформлять и в пикселях и в процентах, но там где это делать можно и нужно.

Спустя 1 минута, 56 секунд (6.09.2010 - 17:08) Slays написал(а):
я сам недавно углубился в резиновую верстку, теперь почти все в %. Раньше использовал другие менее удобные способы. Либо делай сайты по центру с фиксированной шириной в 800-1000 пикселей аля вконтакте.

Спустя 11 минут, 2 секунды (6.09.2010 - 17:19) inpost написал(а):
Я углубился в резиновую верстку, но потом от неё снова начал отходить. Так как на огромных мониторах все совсем по другому. Если сайт так занимал экран, а когда я растянул - он занимает 1/3 страницы, А внизу всё белое... Так кому такое нужно?
К примеру, шапку делается в виде обычной картинке вверху, остальную часть делаешь backgroundом. Чтоб в итоге все было единое. Если просто сделать 100% ширину, получится бред! =)

Спустя 46 минут, 4 секунды (6.09.2010 - 18:05) Slays написал(а):
не знаю, моя резина хороша и на 800 и на 1660

Спустя 25 минут, 14 секунд (6.09.2010 - 18:31) _Dimarik__ написал(а):
Цитата
Если просто сделать 100% ширину
- в смысле?
Вот вопрос возник. если написать
<table><td><img src="ссылка" width=70%></td></table>
то это удет 70% от td. А как мне сделать чтобы это было 70% от body?

Спустя 48 секунд (6.09.2010 - 18:31) _Dimarik__ написал(а):
Можете делать по этому поводу пару дельных советов ( желательно подробных)?

Спустя 1 минута, 9 секунд (6.09.2010 - 18:32) Slays написал(а):
<table><td width=70%><img src="ссылка" width=100%></td></table>
если таблица на весь экран

Спустя 11 минут, 55 секунд (6.09.2010 - 18:44) _Dimarik__ написал(а):
<table><td width=10% bgcolor=red ><img src="http://localhost/photos/293/0.jpg" width=20%></td></table>
странно, но у меня в этом случает на весь экран. хотя там указано всего 10% от экрана

Спустя 15 минут, 41 секунда (6.09.2010 - 19:00) _Dimarik__ написал(а):
http://www.revolverart.ru/blog/123.html
пишут что резиновая вёрстка - это плохо

Спустя 2 минуты, 41 секунда (6.09.2010 - 19:03) inpost написал(а):
А ты указал ширину таблицы?
Сначала указываешь ширину общего поля, потом таблицы, потом ячейки... Все как надо.
<td width=10%> - это относится уже к ХТМЛ! Почитай внимательно, что значит эти цифры... Это ширина ячейки по отношению к ТАБЛИЦЕ, а не общему сайту!

Спустя 19 минут, 42 секунды (6.09.2010 - 19:22) _Dimarik__ написал(а):
так резина: это хорошо или всё-таки плохо?

Спустя 6 минут, 32 секунды (6.09.2010 - 19:29) inpost написал(а):
_Dimarik__
Это все-таки зависит от обстоятельств! Видишь этот форум? Тут должна быть резина 100%. Представь сайт как единое произведение исскуства лучшего художника мира? Так вот, этот сайт должен быть фиксированным. Вчера был на сайте blizzard.com в разделе Диабло, вот там фиксированно и просто шикарно!!! Я был в восторге, для себя некоторые дизайнерские вещи подчеркнул, некоторые приёмы...
Ах да, ещё какой приём они используют: нарушают четкое деление. Центральная часть сделана фиксированно, а хедер и футер специально широким, то есть таким образом они выходят за рамки стандарта и создают своё произведение.

Спустя 18 минут, 3 секунды (6.09.2010 - 19:47) Slays написал(а):
_Dimarik__
хорошо, просто кто не умеет - критикует.

Спустя 2 минуты, 46 секунд (6.09.2010 - 19:50) Slays написал(а):
не стоит читать подобные ИМХО у сайтостроителей, это написано для клиентов, по сути - это отмазки, указанные заранее. Типо мы не делаем резиновую верстку - потомучто это плохо, мы не делаем сайты под IE6, потому что нафик надо.
Хотя правильнее было бы написать - сделаем уж как умеем.

Спустя 2 минуты, 12 секунд (6.09.2010 - 19:52) ApuktaChehov написал(а):
Никто еще не отменял min/max-width/height. И будет вам резиновый сайт под разные разрешение и не растягивающийся на огромных мониторах. =)

Спустя 12 минут, 7 секунд (6.09.2010 - 20:04) inpost написал(а):
ApuktaChehov
ИЕ не любит мин-макс, как было ранее сказано, надо делать под все браузеры =)

Спустя 12 минут, 53 секунды (6.09.2010 - 20:17) Slays написал(а):
макс я нигде не указываю, а в плане min пока приходится на IE подзабивать ) Все адекватно отображается, если просто открыть сайт, а не сидеть вручную окно браузера уменьшать до 100 пикселей =)

Спустя 7 минут, 45 секунд (6.09.2010 - 20:25) ApuktaChehov написал(а):
эти теги токо IE6 и ниже не понимает. Но это легко исправляется с помощью JS wink.gif

Спустя 7 минут, 1 секунда (6.09.2010 - 20:32) Slays написал(а):
если человек сидит на таком тракторе, как IE6, не факт что у него для кучи и JS не отключен =)

Спустя 26 минут, 9 секунд (6.09.2010 - 20:58) inpost написал(а):
http://www.htmlbook.ru/css/min-width.html
Там написано, что и ИЕ-7 частично лишь понимает! Бывают сбои! Кстати, у меня была такая ситуация, для элемента не работал (ИЕ7)

У меня был заказчик разок, встретились у него, он включил комп, запустил сайт... а У НЕГО ВСЁ ОТКЛЮЧЕНО! JS, CSS, FLASH, ИЕ6... даже ЦСС НЕ ЗАПУСТИЛСЯ... ЭТО БЫЛО 3 МЕСЯЦА НАЗАД!!!! А я включил ему своё портфолио... такое убожество!!! И как после этого человеку объяснить, что я крутой дизайнер, это просто его браузер плохо работает ?!
Ну ладно, человек был знакомым, мы ему починили браузер, и всё стало нормально..

Спустя 13 минут, 16 секунд (6.09.2010 - 21:11) Slays написал(а):
inpost да да, такие же ситуации побудили переверстать все свои проекты. Все офигенно красиво, забил на IE6? а когда с клиентом с глазу на глаз, а у него как назло IE6, только краснеть остается.

Спустя 43 минуты, 22 секунды (6.09.2010 - 21:55) ApuktaChehov написал(а):
А чего краснеть то? Браузеру 9 лет. Нужно обновлять. Это нужно заказчика застыдить, что он до сих пор сидит.

Я серьезно. Нужно почти наездом спрашивать, почему он сидит на браузере, который устарел уже как 4 года назад. И все.

А если так думать, то тогда нужно под каждый браузер писать отдельный сайт.
Я делаю сайты для IE7,8 и все остальные. Кто хочет для IE6 я сразу отказываюсь. Но не потому что я под него не умею верстать.
Во первых это геморно, а во вторых, нужно людей приучать обновлять ПО.

Давайте еще по IE5 будем делать, потому что дядя Ваня из Нижних Лопухов, купил себе Pentium 166 и модем 56K.

Спустя 1 час, 1 минута, 50 секунд (6.09.2010 - 22:56) Slays написал(а):
я сам только ЗА революцию по сжиганию IE6, заказчикам объясняем, но больно уж они не любят "быть не правыми" и "чувствовать себя идиотами". Они ж сами все умеют, сами все знают. Вобщем случаи разные бывают =)
В одно время даже писал им что-то типо:

совместимость со старыми браузерами, в частности с браузером Internet Explorer 6. Использовать IE6 для просмотра современных сайтов, это тоже самое что смотреть в наше время черно-белый телевизор и быть недовольным качеством телевидения. Если брать тематику ближе, это тоже самое что сидеть на windows 98, когда у всех стоят XP и seven. IE6 это всего-лишь софт !!! Который развивается, совершенствуется и тд, в нем исправляются недочеты, ошибки и уязвимости. Компания Майкрософт давно и настоятельно рекомендует НЕ ИСПОЛЬЗОВАТЬ IE6, т.к. он слабо защищен от атак из интернета и не может корректно отображать многие элементы современных сайтов. Как и любой другой софт, браузер следует постоянно обновлять, на данный момент есть возможность поставить IE8, в котором сохранятся все раннее заданные настройки для IE6, или любой другой альтернативный современный браузер. Большая часть софта при устаревании вообще блокируется и принудительно заставляет ее обновить до более свежей версии. Если браузеры так не делают, это не значит что они не нуждаются в обновлении. Еще раз повторю, что браузер, в частности IE6 - ЭТО ВСЕГО-ЛИШЬ СОФТ (ПРОГРАММА), устаревшая и неактуальная для нашего времени.

Спустя 18 минут, 17 секунд (6.09.2010 - 23:15) inpost написал(а):
Slays
А как объяснить, что не правильно настроен Антивир? Там касперский был так настроен, что блокировал флеш и ЦСС...
Это был рабочий компьютер, на фирмы было 2 сис-админа, и они посчитали, что так будет лучше пользователям!!!

Спустя 9 часов, 22 минуты, 55 секунд (7.09.2010 - 08:38) ApuktaChehov написал(а):
inpost - по моему эти 2 системных администратора - параноики.
В любом случае, мы же не можем нести ответственность за людей, технику и настройки ПО тех, для кого мы делаем сайты.

Мы делаем их согласно стандартам. Делаем на основе современных технологий.
А те, кто в силу каких-то причин, не могут, в полной мере насладиться результатом нашего труда - неудачники.

Спустя 6 минут, 41 секунда (7.09.2010 - 08:44) Basili4 написал(а):
Цитата (ApuktaChehov @ 6.09.2010 - 22:55)
риучать обновлять ПО.

Приучить пользоваться нормальными браузерами т.е. любыми отличными от IE
мне порой кажется что внутри MS есть спец отдел который занимается тем что изучает другой софт и пишет рекомендации как делать как не других и отсюда вылазят выкидыши типа IE

Спустя 8 часов, 18 минут, 12 секунд (7.09.2010 - 17:02) _Dimarik__ написал(а):
я что-то не очень понял. Тут резины , по крайней мере стопроцентной на blizzard.com нет.
Но только вот непонятно. Каким образомВот это изображение (ну которое похожу bacground-ом сделано точно подгоняется под размеры окна? Как сделано что шапка чётко подходит?
Есть такое предположение, хотя может быть оно и не верно:
1. Создаём широкуууую картинку для заднего фона.
2. С помощью JS определяем размеры окна
3. Ненужное выкидываем из картинки (в смысле програмно обрезаем)
4. Нужное вставляем
Или как-то не так я что-то понимаю.
inpost, ты можешь объяснить как они всё чётко сделали?

Спустя 1 минута, 25 секунд (7.09.2010 - 17:04) _Dimarik__ написал(а):
Цитата
Никто еще не отменял min/max-width/height. И будет вам резиновый сайт под разные разрешение и не растягивающийся на огромных мониторах. =)
- оууу. можно с этого момента поподробнее????

Спустя 5 минут, 38 секунд (7.09.2010 - 17:10) Семён написал(а):
Цитата (ApuktaChehov @ 6.09.2010 - 22:55)
А чего краснеть то? Браузеру 9 лет. Нужно обновлять. Это нужно заказчика застыдить, что он до сих пор сидит.

Я серьезно. Нужно почти наездом спрашивать, почему он сидит на браузере, который устарел уже как 4 года назад. И все.

А если так думать, то тогда нужно под каждый браузер писать отдельный сайт.
Я делаю сайты для IE7,8 и все остальные. Кто хочет для IE6 я сразу отказываюсь. Но не потому что я под него не умею верстать.
Во первых это геморно, а во вторых, нужно людей приучать обновлять ПО.

Давайте еще по IE5 будем делать, потому что дядя Ваня из Нижних Лопухов, купил себе Pentium 166 и модем 56K.

Эх наивен ты, подойди к ген. директору компании в которой мне посчастливилось работать и скажи, что мол так и так я тебя ща стыдить буду за браузер IE 6 - будешь тут же уволен. Почему? Потомучто другие сайты открываются в IE 6 нормально, а твой видите-ли не работает потомучто браузер старый.

Что касается резиновых сайтов, имеет смысл использовать только там где это имеет смысл, форум, каталог, поисковая система, простой сайт новостей.

Что касается мобильных, для этого делается отдельная PDA версия.
В практике большинство моих сайтов имеют width = 950px

P.S. будет тебе Ваня из Нижних Лопухов платить хорошие деньги, будешь текстовые дизайны рисовать, включая IE5

Спустя 15 минут, 43 секунды (7.09.2010 - 17:25) inpost написал(а):
_Dimarik__
Обычная картинка bg, вот и всё! Возьми большую картинку, сделай её бекграундом, и открой на маленьком разрешении, увидишь результат.
Ничего резать и подгонять не надо. Это как ты можешь сделать! А вообще - там флеш, он его и подгоняет, хотя я выше рассказал как делается на ХТМЛ.

На мин-макс я дал ссылку выше!

Я показал сайт близзардов не просто так. Они как дизайнеры совместили и резину и четкую границу. То есть часть так, часть так. Но резина лишь в оформлении, на наполнение - фиксированно.

Семён, а почему 950, а не 1000? Чтоб был полностью на весь экран при разрешении 1024х7*8 надо 1004, кажется. Зачем урезать на 50 больше?

Спустя 7 минут, 21 секунда (7.09.2010 - 17:33) Семён написал(а):
Цитата (inpost @ 7.09.2010 - 18:25)
Семён, а почему 950, а не 1000? Чтоб был полностью на весь экран при разрешении 1024х7*8 надо 1004, кажется. Зачем урезать на 50 больше?

Раньше когда только начинал делал 1000px (аналогично с вами), по принципу остаточных 24px в запас, однако прочитав некоторые статьи по веб-дизайну, стал использовать стандарт 950px, для примера Yahoo CSS YUI 950px, Blueprint CSS 950px, TYPO3 Standart 950px.

> Дизайн Blizzard, тоже сильно симпатизирует.

Спустя 3 часа, 34 минуты (7.09.2010 - 21:07) ApuktaChehov написал(а):
Семён смысл в твоих словах есть, и ты по больше части прав. Но что делать? Сидеть на IE6 сколько еще? 1, 2, пять лет? А может 10?

Моя вторая работа это сисадминство. Наверное по этому я так активно пытаюсь выдавить IE6 с рынка. Потому, что оно - дырявое говно.

Получается что из за ленивых юзеров и потакающих им заказчиков злые хацкеры продолжают получать свои грошики.

P.S. А чего вы так близард в пример ставите, он же по больше части на флеше?

Спустя 8 минут (7.09.2010 - 21:15) inpost написал(а):
ApuktaChehov
Я знаю, но я его привёл в пример, так как они объеденили 2 стиля, фиксированный и резиновый, и вполне красиво получилось. Я объяснял димарику, что каждый из них по своему хорош, и резина нужна, и фиксация нужна! А можно вообще совместить, тогда появляется что-то новое и интересное.
И вообще, я просто на него попал позавчера, и мне очень понравилось +)))

Спустя 48 минут, 56 секунд (7.09.2010 - 22:04) ApuktaChehov написал(а):
wink.gif

Спустя 1 день, 19 часов, 5 минут, 17 секунд (9.09.2010 - 17:09) _Dimarik__ написал(а):
ну вот к примеру вот этот сайт
http://www.netzor.org/2007/07/22/acronis-r...delami-hdd.html
он не резиновый. при изменении окна появляются полосы прокрутки и шапка вся перестаёт помещаться.
Но как сделано так что вся шкпка так точно подошла под ширину окна?

Спустя 3 часа, 2 минуты, 7 секунд (9.09.2010 - 20:11) ApuktaChehov написал(а):
У меня она меньше ширины окна.
Но у меня 1680*1050

Спустя 58 минут, 5 секунд (9.09.2010 - 21:09) Slays написал(а):
_Dimarik__ обычный фиксированный сайт по центру, что там подгоняется куда

Спустя 20 часов, 17 секунд (10.09.2010 - 17:09) _Dimarik__ написал(а):
http://coopi.khrunichev.ru/main.php?id=11
вот тут хорошо резина сделана. подскажете как шапку они так сделали?

Спустя 54 секунды (10.09.2010 - 17:10) _Dimarik__ написал(а):
если можете, подскажите поподробней плиз

Спустя 11 минут, 29 секунд (10.09.2010 - 17:22) Nikitian написал(а):
Большая картинка в бэкграунде прибитая к правой границе. Что из этого не понятно?

Спустя 58 минут, 46 секунд (10.09.2010 - 18:20) _Dimarik__ написал(а):
а как её прибили к правой границе?ъ
вот я глянул на исходный код:
<table border="0" cellpadding="0" cellspacing="0" class="table100 bottom">
<tr
valign="top">
<td>
<table
border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td
class="t4" width="60%"> </td>
<td
width="1%"><img src="im/t3.jpg" width="230" alt=""></td>
<td
width="1%"><img src="im/t2.jpg" width="225" alt=""></td>
<td
width="1%"><img src="im/t1.jpg" width="220" alt=""></td>
</tr>
</table>

тока background я не заметил Нигде.
и ещё. зачем вот эта ячейка нужна <td class="t4" width="60%">&nbsp;</td>??? в ней же ничё нету

Спустя 1 час, 30 минут, 54 секунды (10.09.2010 - 19:51) Slays написал(а):
ты css файлы изучай, а не html-разметку, th это заголовок таблицы, типо для валидации
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.