Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 10.12.2010, 08:48   #21
Alexei91
Заблокирован
Форумчанин
 
Аватар для Alexei91
 
Регистрация: 30.12.2009
Сообщений: 544
По умолчанию

Наваял пример, в Chrome, Safari, Opera, Firefox, IE (за искл. IE6, т.к. IE6 не воспринимает нормально прозрачность) будет выглядеть одинаково. Без "хаков" и условных стилей. Удачи.

P.S.
http://web-mastery.info - почитайте книжки, разберите примеры верстки.
Изображения
Тип файла: jpg Безымянный.JPG (52.3 Кб, 141 просмотров)
Вложения
Тип файла: zip menu.zip (14.2 Кб, 8 просмотров)
Темы для WordPress. Русские WordPress шаблоны
Alexei91 вне форума Ответить с цитированием
Старый 11.12.2010, 19:55   #22
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

Код:
.main{margin: 10px;} /*работает во всех браузерах*/
.main{margin: 10px !important;}/*работает во всех браузерах, 
причем если елементу будет присвоено несколько классов <div class="first bold del"> (выделенные разным цветом - это разные классы) 
в которых значение margin отличается, 
елементу будет присвоено значение margin из последнего оглашенного в CSS класса с !important возле margin
.main{
_margin: 10px; /*только для IE6*/
}
*+html .main{
margin: 10px;
} /*для IE7+*/
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 11.12.2010, 21:01   #23
Paladast
Пользователь
 
Аватар для Paladast
 
Регистрация: 09.08.2009
Сообщений: 66
По умолчанию

По воводу !important вы ошибаетесь, в плане он не поддерживается ИЕ6.

Цитата:
.main{
_margin: 10px; /*только для IE6*/
}
Первый раз вижу такую запись.
думаю правильнее было бы написать

Код:
*html .main{ /*только для IE6*/
margin: 10px; 
}
Со мной бог и два пулемёта
Paladast вне форума Ответить с цитированием
Старый 12.12.2010, 23:44   #24
TranceSmile
Смайлик :)
Форумчанин
 
Аватар для TranceSmile
 
Регистрация: 12.12.2010
Сообщений: 445
По умолчанию

10 фиксов решающих проблеми IE6 => тут
Самый перспективный framework Yii (c)
TranceSmile вне форума Ответить с цитированием
Старый 13.12.2010, 06:04   #25
dekameron
Форумчанин
 
Аватар для dekameron
 
Регистрация: 27.04.2010
Сообщений: 185
По умолчанию

Первый раз вижу такую запись.
думаю правильнее было бы написать
Код:
*html .main{ /*только для IE6*/
margin: 10px; 
}
[/QUOTE]
Проверьте с подчеркиванием
Намного удобней, если нужно изменить всего один атрибут для класса (ID), в смысле экономии строчек и байт

P.S. В последнее время радует статистика: пользователей ИЕ6 с каждым днем все меньше и меньше. ура, товарищи
Помог - тырк на весы
dekameron вне форума Ответить с цитированием
Старый 26.03.2012, 13:06   #26
НИКИТ@
Новичок
Джуниор
 
Регистрация: 26.03.2012
Сообщений: 1
По умолчанию

Пожскажите пж как для Html страницы сделать кросбраузерную верстку.=))
НИКИТ@ вне форума Ответить с цитированием
Старый 01.04.2012, 19:29   #27
™Друня™
Новичок
Джуниор
 
Аватар для ™Друня™
 
Регистрация: 01.04.2012
Сообщений: 2
По умолчанию

так если хош чтоб все браузеры одинаково отображали надо reset.css, который сбрасывает настройки кода браузера
Код:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ну конешн для IE6 и ниже надо js
™Друня™ вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Верстка в DIV Suamo HTML и CSS 5 10.11.2010 18:28
верстка NecRoMat HTML и CSS 5 02.10.2008 01:03
Верстка сайтов Ромыч Помощь студентам 1 07.05.2008 16:31