X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Условие в css
Lordif
Lordif
Topic Starter сообщение 11.12.2010, 23:40; Ответить: Lordif
Сообщение #1


Можно в css как-нить создать условие, что для firefox width="100px", а для всех других браузеров 90px?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 11.12.2010, 23:45; Ответить: vasvas7775
Сообщение #2


Я почему то думал, что надо наоборот заставить все браузеры видеть одно и тоже. Разве нет!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lordif
Lordif
Topic Starter сообщение 11.12.2010, 23:47; Ответить: Lordif
Сообщение #3


в моем случае мне необходимо именно так
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 11.12.2010, 23:47; Ответить: Letmetouchyou
Сообщение #4


нужено использовать css hack для firefox
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lordif
Lordif
Topic Starter сообщение 11.12.2010, 23:58; Ответить: Lordif
Сообщение #5


Спасибо, а теперь по подробнее)))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pavelsc
pavelsc
сообщение 12.12.2010, 0:07; Ответить: pavelsc
Сообщение #6


<script>
jQuery.each(jQuery.browser, function(i, val) {
if(i=="mozilla")
$("тут твой элемент указываешь как в css").css("width","100px");
});
</script>

Задаешь ширину в документе 90px и просто вставляешь это в конце body. Удачи =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lordif
Lordif
Topic Starter сообщение 12.12.2010, 0:27; Ответить: Lordif
Сообщение #7


Можете мне пожалуста написать, вот мой ксс код
[CSS].menu_2{height:33px; width:199px; text-align:center; float:left; border-right:1px solid #ffffff; padding-top:7px;}[/CSS]
В ff должно быть width:197px;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 12.12.2010, 0:32; Ответить: Letmetouchyou
Сообщение #8


[CSS].menu_2{height:33px; width:199px; text-align:center; float:left; border-right:1px solid #ffffff; padding-top:7px;}

@-moz-document url-prefix() {
.menu_2{height:33px; width:197px; text-align:center; float:left; border-right:1px solid #ffffff; padding-top:7px;}
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lordif
Lordif
Topic Starter сообщение 12.12.2010, 0:39; Ответить: Lordif
Сообщение #9


Большое спасибо, помогло.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 12.12.2010, 2:39; Ответить: Arks
Сообщение #10


Мне кажется в более общем случае оптимально использовать клиентское программирование, обладающее нужными правами доступа для этой задачи. Логика выносится в отдельный файл, мы используем его многократно..(иначе при кажой проверки для FF придется писать css-хак)
Затем передавать управление серверу и генерировать необходимый ответ в зависимости от User Agent
Пример получаемых на js свойств:

window.navigator.appCodeName = Mozilla
window.navigator.appMinorVersion = undefined
window.navigator.appName = Netscape
window.navigator.appVersion = 5.0 (Windows; ru)
window.navigator.browserLanguage = undefined
window.navigator.cookieEnabled = true
window.navigator.cpuClass = undefined
window.navigator.onLine = true
window.navigator.platform = Win32
window.navigator.systemLanguage = undefined
window.navigator.userAgent = Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.2.12) Gecko/20101026 Firefox/3.6.12
window.navigator.userLanguage = undefined
window.navigator.userProfile = undefined


Затем мы проводим различные проверки(регулярками) чтобы определить наиболее подходящую версию браузера по отдельным признакам и проверяем - набралось 5+ присущих признаков значит Опера, набралось 5- признаков значит не Опера.
Можно написать прсотенький js-класс(по моим подсчетам без особых наворотов 2-4 КБ) и подключать его в нужное место страницы, примеров в интернете масса...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3446 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3386 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6459 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1667 3.3.2021, 12:22
автор: kozak199110
Открытая тема (нет новых ответов) Продам адаптивный шаблон (css/html/js) под cj/tube сайт
2 zaiko 1433 29.12.2020, 23:49
автор: zaiko


 



RSS Текстовая версия Сейчас: 16.4.2024, 16:08
Дизайн