кроссбраузерная верстка

[Alexei91]

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

P.S.
http://web-mastery.info - почитайте книжки, разберите примеры верстки.

[dekameron]

.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+*/

[Paladast]

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

.main{
_margin: 10px; /*только для IE6*/
}

Первый раз вижу такую запись.
думаю правильнее было бы написать

*html .main{ /*только для IE6*/
margin: 10px; 
}

[TranceSmile]

10 фиксов решающих проблеми IE6 => тут

[dekameron]

Первый раз вижу такую запись.
думаю правильнее было бы написать

*html .main{ /*только для IE6*/
margin: 10px; 
}

[/QUOTE]
Проверьте с подчеркиванием
Намного удобней, если нужно изменить всего один атрибут для класса (ID), в смысле экономии строчек и байт

P.S. В последнее время радует статистика: пользователей ИЕ6 с каждым днем все меньше и меньше. ура, товарищи

[НИКИТ@]

Пожскажите пж как для Html страницы сделать кросбраузерную верстку.=))

[™Друня™]

так если хош чтоб все браузеры одинаково отображали надо 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