Rupka.net - Лучший Форум Рунета. Общайтесь, качайте игры, софт, музыку, фильмы, бесплатно, без регистрации.
Воскресенье
01.08.2010

Страница 1 из 11
Модератор форума: aka_XXX 
Форум » Всё для ucoz » Статьи » Оптимизация дизайна под разные браузеры
Оптимизация дизайна под разные браузеры

Admin

Дата: Вторник, 30.09.2008, 17:48 | Сообщение # 1
Admin и что?
Группа: Главный Администратор
Сообщений: 6340
« »
Статус: Offline
Бог сайта и форума За дизайнерские умения За хорошую посещаемость на форуме
Если вы хотите, чтобы ваш сайт выглядел одинаково в самых популярных браузерах, постарайтесь избежать ошибок в HTML коде. Бывает, что сайт отображается в разных браузерах по разному, а в некоторых не отображается вообще. Эта тема создана для выявления подобных ошибок и их устранения.

Разное понимание CSS браузерами

Проблема в следующем: IE и Опера по разному воспринимают стили и пересчитывают их на свой лад. Так расстояние между тегами

Code
<h1>
или

в разных браузерах - разное, это может привести к неправильному отображению текста. Для решения этой проблемы надо использовать дополнительную таблицу стилей под IE, поставить там в ручную padding и margin, или другие атрибуты (в зависиости от ситуации) и прописать ссылку в html, заключив ее в специальные теги.

Code
<link href="/my.css" rel="StyleSheet" type="text/css">  // для всех остальных    
    <!--[if IE]>    
    <link rel="stylesheet" type="text/css" href="/ie7.css" /> // для эксплорера      
    <![endif]-->    
    



Бесплатная раздача (№4) 7-icq:
Получить=>




Всё на свете говно, кроме мочи, но если посмотреть, то и она говно.
Самый лучший видео-конвентатор XviD4PSP 4.115 FULL/5.036 PRO

Admin

Дата: Вторник, 30.09.2008, 17:49 | Сообщение # 2
Admin и что?
Группа: Главный Администратор
Сообщений: 6340
« »
Статус: Offline
Бог сайта и форума За дизайнерские умения За хорошую посещаемость на форуме
Разное отображение картинок в формате PNG

Я заметил что в разных браузерах картинки, да и общая цветовая гамма сайта отображается по разному.
Например в Internet Explorer текст выглядит ярче а картинки в формате png8 и png24 - затемняются, от чего перестают сливаться с фоном, что может сильно испортить дизайн.

Сравните как на одном и том же компьютере в разных браузерах отображается картинка в формате png (на ней наше лого):



Бесплатная раздача (№4) 7-icq:
Получить=>




Всё на свете говно, кроме мочи, но если посмотреть, то и она говно.
Самый лучший видео-конвентатор XviD4PSP 4.115 FULL/5.036 PRO

Admin

Дата: Вторник, 30.09.2008, 17:50 | Сообщение # 3
Admin и что?
Группа: Главный Администратор
Сообщений: 6340
« »
Статус: Offline
Бог сайта и форума За дизайнерские умения За хорошую посещаемость на форуме
Тест вашего сайта во всех браузерах
http://browsershots.org/



Бесплатная раздача (№4) 7-icq:
Получить=>




Всё на свете говно, кроме мочи, но если посмотреть, то и она говно.
Самый лучший видео-конвентатор XviD4PSP 4.115 FULL/5.036 PRO

Admin

Дата: Вторник, 30.09.2008, 17:51 | Сообщение # 4
Admin и что?
Группа: Главный Администратор
Сообщений: 6340
« »
Статус: Offline
Бог сайта и форума За дизайнерские умения За хорошую посещаемость на форуме
Борьба с прозрачными png.. на стороне png

В internet explorer 6 и младше не отображаются прозрачные png. Допустим у нас есть табличка у которой в качестве бэкграунда стоит полупрозрачный png, чтобы он выглядел таковым и в ie6 уточняем его стили:

Это обычные стили для всех браузеров:

Code
[code].info{  
  background-image: url(http://адрес нашего.png);  
  }

А это добавленный стиль для ie + общий стиль:
.info{
  background-image: url(http://адрес нашего.png);
}
* html .info{
  background-color: #000;
  back\ground-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://адрес нашего.png", sizingMethod="scale");  
  }[/code]



Бесплатная раздача (№4) 7-icq:
Получить=>




Всё на свете говно, кроме мочи, но если посмотреть, то и она говно.
Самый лучший видео-конвентатор XviD4PSP 4.115 FULL/5.036 PRO

Admin

Дата: Вторник, 30.09.2008, 17:52 | Сообщение # 5
Admin и что?
Группа: Главный Администратор
Сообщений: 6340
« »
Статус: Offline
Бог сайта и форума За дизайнерские умения За хорошую посещаемость на форуме
Граница у таблички

Есть несколько способов сделать простую залитую одним цветом таблицу. Самый распространённый из них выглядит вот так и используется повсеместно:


       
         
       
Вы находитесь на сайте Rupka.net

Code
<table width="100%" cellpadding="0" cellspacing="1" bgcolor="#666666">  
       <tr>  
         <td bgcolor="#CCCCCC">Вы находитесь на сайте Rupka.net</td>  
       </tr>  
  </table>



Бесплатная раздача (№4) 7-icq:
Получить=>




Всё на свете говно, кроме мочи, но если посмотреть, то и она говно.
Самый лучший видео-конвентатор XviD4PSP 4.115 FULL/5.036 PRO

WabFad

Дата: Пятница, 15.05.2009, 12:04 | Сообщение # 6
Ученик
Группа: Пользователи
Сообщений: 15
« »
Статус: Offline
Quote (vaky)
http://browsershots.org/

Этот сервис дает 80 хостов за раз))) если поставить все галочки)

Гость

Дата: Понедельник, 15.02.2010, 20:01 | Сообщение # 7
Группа: Гости
« »
подскажите плизззз
я тут в сайте , блин, натупила..
хотела шрифт пожирнее сделать и крупнее, после єтого сайт нормально отображается только в Мазиле, а в Опере и Єксп. ваще ничего нет!
как мне теперь бьіть, может что-то поскажите hmpf

Poison

Дата: Среда, 17.02.2010, 01:45 | Сообщение # 8
Пришедший
Группа: Пользователи
Сообщений: 1
« »
Статус: Offline
эх, сама разобралась :p

Форум » Всё для ucoz » Статьи » Оптимизация дизайна под разные браузеры
Страница 1 из 11
Поиск:



Хостинг от uCoz