Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Подскажите по кросбраузерности

Обсуждение темы Подскажите по кросбраузерности в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В чем собственно проблема. Не могу, не как, правильно закоментить margin для разных браузеров, если точней, то для ИЕ и Хрома 1о значения, ...


Закрытая тема
 
Опции темы
Старый 30.04.2012, 00:16   #1
В чем собственно проблема.
Не могу, не как, правильно закоментить margin для разных браузеров,
если точней, то для ИЕ и Хрома 1о значения, а для Фаирфокс а и Оперы 2е.
Сделать это нужно обязательно в css-е и обязательно 1ом.
Пробовал так:
Цитата:
<!--[if IE]>#swmenu {margin-top: -42px !important;}<![endif]-->
и так:
Цитата:
#style {
[if IE]margin: -82px;
}
и даже так: (авось)
Цитата:
/**
*@css-for IE9, Chrome
*/
*#swmenu {
margin-top: -82px !important;
}

/**
*@css-for Opera, Firefox
*/
*#swmenu {
margin-top: -42px !important;
}
Результатов нет. Подскажыте как быть?

Последний раз редактировалось Wbkraft; 30.04.2012 в 00:18..
 
Старый 30.04.2012, 00:16
Ссылки
Старый 30.04.2012, 11:12   #2
1. Указать доктайп.
2. Сбросить все стили через http://htmlworld.ru/sbros_css_stiley/

после этого можно настраивать и будет везде одинаково.

<!--[if IE]>#swmenu {margin-top: -42px !important;}<![endif]-->
это где прописывал, прям в файле со стилями?

Если нужны хаки для ie, почитай тут http://www.xiper.net/collect/html-an...css-hacks.html


#style {
[if IE]margin: -82px;
}

тут вообще бред написан какой то) нельзя так делать.
 
Этот пользователь сказал спасибо UDAV за это полезное сообщение:
Wbkraft (01.05.2012)
Старый 30.04.2012, 15:48   #3
Вообще комментарии от IE в html странице излишне записывать!

1. Вот у тебя сайт пока ты ничего не оптимизировал и в разных браузерах к сожалению все по разному!
2. Открывай свою таблицу стилей (основную)
3. Ну и теперь остается дополнить

Код HTML:
#area {background: #F00;}  /* По умолчанию для всех браузеров стоит */

@-moz-document url-prefix() { #area {background: #F00;}  } /* дополняешь, пишем хак под FireFox */
Код HTML:
#wrap {   background: #F00; } /* По умолчанию для всех браузеров */

/* Хак для IE 6: */
* html #wrap { background: #F00;\\display:default}

/* Хак для IE 7: */
*+html #wrap {   background: #F00; }

/* Хак для IE 8: */
@media \0screen #wrap {   background: #F00; }

/* Хак для IE 9: */
:root #wrap {  background: #F00; }
Ну, а лучше для самообразования почитайте: http://habrahabr.ru/post/125396/
 
Этот пользователь сказал спасибо maxefect за это полезное сообщение:
Wbkraft (01.05.2012)
Старый 01.05.2012, 13:53   #4
Спасибо за ссылки. Помогло.

в конечном итоге получил следующую запись.

Цитата:
/* запись для ИЕ и Хрома */
#swmenu {
margin-top: -82px !important;
}
/* запись для Фаирфокса */
@-moz-document url-prefix() {
#swmenu {
margin-top: -42px !important;
}}
/* Запись для оперы*/
html>/**/body noindex:-o-prefocus, html>/**/body #swmenu {
margin-top: -42px !important;
}
Также могу сказать кое что по тем хакам которые отвалились в процессе.
Цитата:
/*Не понимает не 1н барузер (заявлен как хак для Opera 7-9.01)*/
html:first-child #swmenu {
margin-top: -42px !important;
}


/* не понимает не 1н барузер (заявлен как "IE7+
может понять Opera 9 и ниже")*/
*+html #swmenu {
margin-top: -82px !important;
}
П.С.
Тему можно закрыть.

Последний раз редактировалось Wbkraft; 01.05.2012 в 14:00.. Причина: Добавлено сообщение
 
Старый 01.05.2012, 13:53
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подскажите что не так! Ekspressionist Зал дебютантов 7 06.07.2012 04:45
Подскажите? Novikov HTML, CSS, JavaScript 5 05.08.2007 15:14
Подскажите Псарь Софтодром 2 27.07.2007 19:25
Подскажите SEF Графические работы 2 14.12.2006 08:56
Подскажите Scrum Зал дебютантов 4 31.05.2006 22:02


Текущее время: 15:34. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум