Обнуление стилей Агентов

[Рёга]

Прежде чем начать верстать шаблон требуется обнулить стиль интернет агента который использует пользователь. Тем самым мы будет в большей степени контролировать поведение элементов.

* {
****margin: 0px;
****padding: 0px;
****font-size: 100.01%;
}
body {
****width: 100%;
****height: 100%;
****font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
****color: #000;
}
a:link, a:visited, a:focus, a:hover, a:active {
****text-decoration: none;
****color: #000;
}
input {
****font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
img, a img, :link img, :visited img {
****border: none;
}
ul, ol, li {
****list-style: none;
}

Что вы думаете о представленом стиле (за основу взята статья ЗигЗага "Глобальные установки файла стилей" и стиль автора Tantek Celik). Что можно сократить либо добавить ?

[Aykroyd]

Мой вариант:

* {margin: 0px; padding: 0px;}
html {height: 100%; background: #FFFFFF;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; min-width: 1000px; min-height: 100%; position: relative;}
* html body {height: 100%;}

img {border: none;}

a {color: #000066; text-decoration: none; outline: none;}
a:hover {color: #FF0000;}

input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #000000;}

Если есть вопросы почему что-то убрано, а что-то добавлено – спрашивайте... )

[Рёга]

* {margin: 0px; padding: 0px;}

Даная параметр в стиле, стопроцентно работает для всех элементов во всех обозревателях ? (ul, ol, li, h1- h6, pre, form, body, html, p, blockquote, fieldset, input).
Aykroyd зачем у тебя к body этот параметр - position: relative; ?

[Aykroyd]

Originally posted by Рёга@May 26 2007, 02:34
* {margin: 0px; padding: 0px;}

Даная параметр в стиле, стопроцентно работает для всех элементов во всех обозревателях ?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вроде бы да )

Originally posted by Рёга@May 26 2007, 02:34
зачем у тебя к body этот параметр - position: relative; ?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Примерно [Только зарегистрированные пользователи могут видеть ссылки. ]... Особенно когда футер внизу позиционируем...

[Рёга]

Aykroyd ты все сайты верстаешь с минимальной шириной в 1000px body {min-width: 1000px;} ?
Почему ты не используешь сокращения ? Например у тебя в боди записано body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}. Ведь можно записать body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; font-size;} или есть какие то проблемы если писать сокращенно ?

[Aykroyd]

Originally posted by Рёга@May 27 2007, 01:39
Aykroyd ты все сайты верстаешь с минимальной шириной в 1000px body {min-width: 1000px;} ?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
99% всех сайтов...
За исключением тех, которые под 800х600 надо заточить...

Originally posted by Рёга@May 27 2007, 01:39
Почему ты не используешь сокращения ? Например у тебя в боди записано body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%;}. Ведь можно записать body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; font-size;} или есть какие то проблемы если писать сокращенно ?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Никаких проблем нет... Просто мне так больше нравится... Дело привычки, не более...

[Рёга]

Дополнительная информация по теме: [Только зарегистрированные пользователи могут видеть ссылки. ]

[Aykroyd]

Эрик, конечно, большой авторитет...
Но и его иногда чрезмерно переколбашивает... ))

[Рёга]

В FF и Opera 1em=1em c IE не хорошая картина 1em (FF) > 1em (IE).
Да вот такой я извращенец, стало интересно решил проверить на ширине 800px
Как сделать 1em FF = 1em Opera = 1em IE ?

[Aykroyd]

А можно вопрос?)
Что в твоем понимании EM ?

[Рёга]

Свойства font-size , вопрос снят.

[Aykroyd]

Ух.

[Smpb]

Меня не слишком зациклило на обнуление ?

* {
**** margin:0px;
**** padding:0px;
**** font-size:100.01%;
**** background-color:transparent;
**** border:none;
 }
 * html body {
**** height:100%;
 }
 html {
**** height:100%;
 }
 body {
**** min-height:100%;
**** min-width:960px;
**** position:relative;
**** font:62.5% Verdana; /* 1em = 10px */
**** text-align:left;** /* IE5, default center */
**** color:#000000;
 }
 a:link, a:visited, a:focus, a:hover, a:active {
**** text-decoration:none;
 }
 input, textarea {
**** font:62.5% Tahoma;
 }
 ul, ol, li {
**** list-style:none;
 }
 .none {
**** display:none;
 }

[Aykroyd]

Меня не слишком зациклило на обнуление ?

Нет, все верно.

[l_sing]

Aykroyd

Мой вариант:
***
Если есть вопросы почему что-то убрано, а что-то добавлено - спрашивайте... )

Прошу прощение, что влезаю, но:

input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

В FF 3 Mac вызывает изменение внешнего вида контролов на квадратные, как при сбросе border на none.
Причём, если убрать Verdana, всё будет хорошо.

[Supercharged]

Почему обязательно стоит text-decoration: none у ссылок?

[Aykroyd]

В FF 3 Mac вызывает изменение внешнего вида контролов на квадратные, как при сбросе border на none.
Причём, если убрать Verdana, всё будет хорошо.

А под Linux-ом не смотрели?)
Там еще более странные вещи иногда происходят.

Почему обязательно стоит text-decoration: none у ссылок?

Необязательно и непринципиально.

[l_sing]

А под Linux-ом не смотрели?)

Под Linux-ом, как ни странно, всё хорошо.

В моём случае, смотрели, не совсем верно, это скорее к Win относится.
Работаю на Маке и Linux, а на IE только смотрю...

[Aykroyd]

Работаю на Маке и Linux, а на IE только смотрю...

Неисповедимы пути Господни...