Несколько вопросов. Кроссбраузерность.

[Dmitry1983]

Проект подходит к завершению.. сколько времени угрохал, а делал и проверял в firefox... это в 2002 был только iexplorer, а теперь???
сайт во всех браузерах смотрится по-разному (в ie так вообще все мелко и ужасно)... красивше всего chrome показывает...

в связи с этим...

где почитать про кроссбраузерность? как сегодня лучше определить ширину страницы? (в% или фикс) - у меня ширина в иделе д.б. 1000-1100 px... может есть какие-нить отладчики?
сайт в основном php+html+css

[MrJenika]

Насчёт ширины, это уже как удобнее Вам, либо фиксированной либо под %, это уже по желанию заказчика и в зависимости от цели сайта.
По мне так проще фиксированную ширину указать, особенно при использовании не однотипного изображения в шапке или где-нибудь в фоне.
В основном советуют в ширину брать около 1024px с учетом отступов (margin, padding тоже входят в общую ширину).

Чтобы не было где-то мельче, где-то больше в начале обозначьте основной шрифт и размер шрифта для всего сайта.

В начале также можно все отступы сбросить в ноль. А также обозначить для тегов заголовков h1/h2/h3.... определённые размеры, тогда они всюду будут одинаково смотреться.

Насчёт отладчиков, раз в основном firefox то тут уж без firebug не обойтись, в хроме для этого уже есть встроенный отладчик. Также есть и для IE например firebuglite (правда он чуток глючный, но уже лучше чем ничего ) + Ie developer, DebugBar и наверное ещё что-то.

[Dmitry1983]

спасибо большое. буду пробовать!

[Alexei91]

Использовать сброс стилей. Например, типа этого:

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

Проверять через сервис проверки CSS от W3C. И HTML тоже по возможности.

Не использовать CSS-хаки типа -webkit-box-shadow- и им подобные.
(По возможности).

У Chrome (равно как и у Safari) есть встроенный отладчик (видимо от Webkit). Вызывается Ctrl+Shift+J (в Google Chrome).

Тестировать отображение сайта в различных браузерах можно через этот сервис.

А так я у себя Opera, FF, Chrome держу. IE на Linux в Wine ставить неохота.

[savva-paladin]

Сообщение от Alexei91

Использовать сброс стилей. Например, типа этого:

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

Проверять через сервис проверки CSS от W3C. И HTML тоже по возможности.

Не использовать CSS-хаки типа -webkit-box-shadow- и им подобные.
(По возможности).

У Chrome (равно как и у Safari) есть встроенный отладчик (видимо от Webkit). Вызывается Ctrl+Shift+J (в Google Chrome).

Тестировать отображение сайта в различных браузерах можно через этот сервис.

А так я у себя Opera, FF, Chrome держу. IE на Linux в Wine ставить неохота.

По поводу сброса стилей - проще будит так:

* {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}