• Страница 6 из 8
  • «
  • 1
  • 2
  • 4
  • 5
  • 6
  • 7
  • 8
  • »
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Оптимизация сайта под большинство браузеров (Сюда кладём вопросы на эту тему.)
Оптимизация сайта под большинство браузеров
Дата: Вторник, 13.07.2010, 06:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Про конкретные сайты - лучше создать новые категории.....

Quote (Info)
Кросс-браузерность - свойство сайта отображаться и работать во всех популярных браузерах идентично.
Под идентичностью понимается отсутствие развалов верстки и способность отображать материал с одинаковой степенью читабельности.
Понятие «кроссбраузерность» очень часто путают с попиксельным соответствием, что на самом деле является разными понятиями.

Quote (Info)
Этот термин начали использовать во время браузерных войн, происходивших в конце 90-х годов.
В этом контексте термин относится к сайтам, которые работают как в Internet Explorer, так и в Netscape Navigator.
В то время производители стали внедрять собственные функции для браузеров, что привело к некоторым особенностям отображения и концептуальным различиям в работе.


 
Дата: Понедельник, 17.01.2011, 06:02 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


player0,
Quote (player0)
почему? padding ячейки же не влияет на её размер

Кто же тебе поведал эту .... глупость?
«Box model tweaking»
...
Пример .... ...
...
Выводы сам сделаешь? ...
...


 
Дата: Понедельник, 17.01.2011, 12:10 |
Рядовой
Группа: Проверенные
Сообщений: 11
Награды: 0
Репутация: 0
Статус: Offline


Quote (likbezz)
Кто же тебе поведал эту .... глупость?

htmlbook.ru - там в самоучителе ни слова не сказано.

Спасибо вам большое smile За помощь и внимание.

Но теперь не правильно отображается в опере. Посидел ещё пару часиков, попробовал с box-sizing`ами - и забил. Понаделают стандартов, блин, и каждый своему следует... Короче у меня кончилось терпение и не знаю, когда к этому вернусь. По крайней мере, процент пользователей с хромом и эксплором очень мал.

 
Дата: Понедельник, 17.01.2011, 18:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


player0,
Quote (player0)
htmlbook.ru - там в самоучителе ни слова не сказано.

- Не проверял, не знаю.
Quote (player0)
Но теперь не правильно отображается в опере

Странно ... а у меня - нормально ... (с моими стилями)

...
Quote (player0)
Посидел ещё пару часиков, попробовал с box-sizing`ами - и забил

- Кроссбраузерная вёрстка - не возможна без стандартов, и, кроме того - почти “искусство” ... И требует хороших знаний стандартов HTML, CSS и всех мелочей, что с этим связано.
Ну и конечно же - желания верстать правильно и красиво.
...

Прикрепления: 0578146.png (36.5 Kb)

 
Дата: Понедельник, 17.01.2011, 21:53 |
Рядовой
Группа: Проверенные
Сообщений: 11
Награды: 0
Репутация: 0
Статус: Offline


Так оно и у меня точно также - у первых двух строк высота минимальная, а третья заполняет всё оставшееся пространство и выравнивает текст по середине. А должно быть всё ровно:

Вот как раз щас бьюсь над этим же но в другом месте - опера не хочет воспринимать auto у height так как нужно (в отличии от остальных браузеров). А можно ли по другому указать ячейкам, чтоб они занимали всю доступную высоту равномерно между собой ?

А с box-sizing так вообще - я хрому как только не пытался указать

Quote
{-moz-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing: border-box;}

Для всех браузеров написал - все понимают (даже эксплор!) и только хром по прежнему тупит...

Прикрепления: 4923391.jpg (17.5 Kb)

Сообщение отредактировал player0 - Понедельник, 17.01.2011, 22:02
 
Дата: Понедельник, 17.01.2011, 22:23 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


player0,
Quote (player0)
А можно ли по другому указать ячейкам, чтоб они занимали всю доступную высоту равномерно между собой ?

- Да.
Указав высоту таблице. А с ячеек сняв все размеры по высоте.
...
Пример ...
...
Quote (player0)
А с box-sizing так вообще - я хрому как только не пытался указать

Лучше писать правильно, а не лепить не поддерживающие свойства, тем более там, где это вообще не нужно.

Это свойство Хром не поддерживает, пока.
...

 
Дата: Суббота, 22.01.2011, 12:53 |
Рядовой
Группа: Проверенные
Сообщений: 11
Награды: 0
Репутация: 0
Статус: Offline


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

В хроме появляются непонятно откуда лишние границы у ячейки. Я уж и принудительно border:none выставлял - не помогает. В опере и лисе - нормально всё. Не подкините идею, откуда это может быть?
Вот фотки:


Ссылка
PS: что хром неправильно реагирует на ширину я уже смирился - мне хотяб с этим разобраться...

Прикрепления: 8230009.jpg (16.5 Kb) · 4005479.jpg (17.4 Kb)

Сообщение отредактировал player0 - Суббота, 22.01.2011, 23:47
 
Дата: Суббота, 05.02.2011, 00:52 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


player0,
Quote (player0)
Не подкините идею, откуда это может быть?

Я уже говорил откуда ноги растут у всех ваших багов и прочих непрятностей с дизайном.
Quote (likbezz)
- Кроссбраузерная вёрстка - не возможна без стандартов, и, кроме того - почти “искусство” ... И требует хороших знаний стандартов HTML, CSS и всех мелочей, что с этим связано.
Ну и конечно же - желания верстать правильно и красиво.

Quote (likbezz)
Лучше писать правильно, а не лепить не поддерживающие свойства, тем более там, где это вообще не нужно.

Тык ...


....

Кроме того, свойство box-sizing - это на панацея от всего, и нужно понимать что оно конкретно делает и на что влияет, и пользоваться только при необходимости, и то аккуратно.
...

Прикрепления: 1102562.png (13.4 Kb)

 
Дата: Пятница, 27.05.2011, 17:31 |
Группа: Гости





Приветствую, у меня сайт везде нормально показывает, единственно во всех версиях IE показывает жутко искаженно, даже главная страница ukoz.ru смотрится коряво, сможете подсказать как эту проблему решить ?

Добавлено (27.05.2011, 17:22)
---------------------------------------------
http://www.tamico.kz/ - забыл указать сайт

Добавлено (27.05.2011, 17:31)
---------------------------------------------
у меня верхнее меню не правильно показывает

 
Дата: Пятница, 27.05.2011, 19:55 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Если откроете сайт, возможно подскажу ) ...


 
Дата: Пятница, 27.05.2011, 20:56 |
Группа: Гости





likbezz, Я извиняюсь, просто он совсем сырой, по запарке забыл открыть. Открыл, посмотрите пож-та.

 
Дата: Пятница, 27.05.2011, 22:04 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Quote (Гость)
Открыл, посмотрите пож-та.

Quote (Гость)
сможете подсказать как эту проблему решить ?

Пропиши доктайп, и всё будет путём ...

Твоя страница с прописанным доктайпом ...
...

«Как правильно прописать доктайп / DOCTYPE»
...


 
Дата: Пятница, 27.05.2011, 22:48 |
Группа: Гости





Quote (likbezz)
«Как правильно прописать доктайп / DOCTYPE»

Quote (likbezz)
☑ Твоя страница с прописанным доктайпом ...
...

«Как правильно прописать доктайп / DOCTYPE»


Спасибо, буду изучать эту тему, а так на Ваш взгляд сайт корректно выглядит ? Я к тому, что знающие люди про сайты говорят вот здесь не то и здесь коряво стоит. Если не трудно дайте оценку пож-та.


 
Дата: Суббота, 28.05.2011, 02:11 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Quote (Гость)
Я к тому, что знающие люди про сайты говорят вот здесь не то и здесь коряво стоит

Если я начну говорить что у вас “коряво”, в итоге приду к выводу, что проще все переверстать с нуля.

Многое я бы сделал по-другому, проще, и красивее (имеется в виду код), таблицу бы в таблице никогда бы не завернул - ибо лишнее и замедляющее загрузку сайта, дело ...

Что об этом говорить?
Сами вы переделывать не будете, и я тоже не буду. Вывод напрашивается сам собой - пустое это занятие.


 
Дата: Воскресенье, 05.06.2011, 15:32 |
Группа: Гости





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

Добавлено (05.06.2011, 15:32)
---------------------------------------------
Вот скрин норм отображения в опере мозиеле и хроме.
http://space-nt.ucoz.ru/111.jpg
А вот в IE
http://space-nt.ucoz.ru/333.bmp

P.S просьба соеденить 2 моих сообщения

 
Дата: Воскресенье, 05.06.2011, 15:44 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Quote (Гость)
Доктайпы все прописывал ничего не помогло все стоит без изменений. Нету фоного рисунка и нету выравнивания кнопок. Просьба помочь.

Поправьте сначала вот эти строчки:
Quote
#contanier {background:url('http://space-nt.ucoz.ru/fon.jpg')white no-repeat fixed top center;}
#dataBar {background:url('') no-repeat;width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}

до вот такого вида:
Quote
#contanier{background:transparent url('http://space-nt.ucoz.ru/fon.jpg') no-repeat fixed top center;}
#dataBar{width:900px;text-align:right;padding-right:14px;padding-top:5px;height:45px;margin-left:auto;margin-right:auto;color:#2DAAB7;font-size:7pt;}
- это вернёт фон.
И пропишите доктайп.
Дальнейшие действия без правильно прописанного доктайпа бессмысленны.
...
А вообще для корректного отображения в большинстве браузеров, вам ещё работать и работать над сайтом.
...


 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Оптимизация сайта под большинство браузеров (Сюда кладём вопросы на эту тему.)
  • Страница 6 из 8
  • «
  • 1
  • 2
  • 4
  • 5
  • 6
  • 7
  • 8
  • »
Поиск:


Мобильная версия