Css и разные браузеры

Annette · 13.07.2003, 10:37

При создании своего сайт a-n-n.narod.ru я использовала css. Файл сохранен как css.css. В ie все отлично, но в других браузерах безобразно. Например, в Opere почему-то верхний и левый отступ был примерно 5 пикселей, хотя в css прописано margin: 0; Ведь в ie отступы 0, почему в Опере 5? Мне пришлось прописывать в каждой странице <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">. Вроде, в Опере все стало хорошо.
Дальше - Netscape и Mozila. Нечто невероятное. Слова наезжают друг на друга, сколько бы
я не прописывала. Дальше. слова по тегом

и тегами <h1>, <h2>, <h3> и т.д. находятся почему-то как бы в разных слоях. Т.е., если я пишу, например

Какой-то текст</p> <h1>Еще текст</h1> <h2>И еще текст</h2>, то получается следующая картина: идет текст

и сверху (прямо на словах тега p) идут слова тегов <h1> и <h2>. Как это исправить? Я что-то неправильно делаю или это все из-за браузеров?

**Silver** · 13.07.2003, 19:41

Прописывать в Body все отступы - сразу же надо!
На счет всех броузеров - честно говоря - это очень долгая и муторная работа оптимизировать сайт под все броузеры, так что советую только оптимизировать под Эксплорер и Оперу!

w00fer · 24.07.2003, 14:33

согласен с Silver,
не стоит стараться угодить всем.... достаточно будет и одного ie... судя по статистике в phpNuke

Alkeeper · 07.11.2003, 00:14

Opera не понимает слова "margin: 0", она понимает "margin: 0px"

Dis · 07.11.2003, 00:37

Silver, По статистике:
IE ~ 90%
Netscape ~ 4,4%
Opera ~ 3,5%
Mozilla ~ 1,8%

Это к тому что если и ориентироваться только на два самых используемых, то на IE и Netscape...

Alkeeper · 07.11.2003, 01:04

А теперь вспомни статистику хотя бы полуторагодовалой давности. У ИЕ было более 95-97% Нетскейп с Оперой (5+6) валялись ниже плинтуса (1%), а про мозиллу вообще почти никто не слышал.

Выводы делать будем?

Сегодня у ИЕ 90%, а завтра их может заметно поубавиться, не удивлюсь, если через год у ИЕ будет не более 75% а то и менее, что тогда делать будем? весь интернет переписывать?

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

ИМХО

Dis · 07.11.2003, 02:23

Alkeeper, Да .... если появятся сайты оптимизированные под оперу и мозиллу то продвинутое серфиры нета скорее всего на них перейдут .... но не стоит забывать что большую часть этих продвинух сёрфиров составляют как раз те кто эти сайты делает, а клиентуру многих профессиональных сайтов по предоставлению тех или иных услуг составляют всякие непродвинуетые люди (секретарши,заказчики ...) которые точно не будут ставить себе отдельно другой броузер т.к. есть же IE(а если нет, то они поставят именно его, т.к. он им привычнее ...)

Alkeeper · 07.11.2003, 13:53

Я не призываю к оптимизации под тот или иной броузер, я говорю о строгом следовании спецификациям HTML, XHTML, CSS1, CSS2, etc.
Время 4-х броузеров прошло, а заскоки вебмастеров остались. Если бороться именно с ними, тогда необходимость в опитмиазции просто отпадет.

kost · 07.11.2003, 16:06

К первоначальному вопросу. Надо прописывать

Код:

body {
       margin:0;
       padding:0;

Т. к. в Оепере padding по умолчанию не равен 0.

Dis · 07.11.2003, 16:36

Даже броузеры одной марки, но разных версий отображают содержимое по разному .... а если посмотреть на JavaScript то как обойтись там без оптимизации под броузеры ??? Оптимизировать все равно придется ....

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Браузеры	dimdimych	HTML, CSS, JavaScript	1	09.02.2011 13:45
Разные браузеры	Biata	HTML, CSS, JavaScript	3	20.02.2010 16:09
меню разные браузеры	oppo	HTML, CSS, JavaScript	0	13.05.2006 11:33
Разные браузеры- разные глюки	LOm	HTML, CSS, JavaScript	4	24.03.2004 21:13
Браузеры	Suvor	Кальянная	5	23.09.2003 00:37

13.07.2003, 10:37	#1
Annette	При создании своего сайт a-n-n.narod.ru я использовала css. Файл сохранен как css.css. В ie все отлично, но в других браузерах безобразно. Например, в Opere почему-то верхний и левый отступ был примерно 5 пикселей, хотя в css прописано margin: 0; Ведь в ie отступы 0, почему в Опере 5? Мне пришлось прописывать в каждой странице <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">. Вроде, в Опере все стало хорошо. Дальше - Netscape и Mozila. Нечто невероятное. Слова наезжают друг на друга, сколько бы я не прописывала. Дальше. слова по тегом и тегами <h1>, <h2>, <h3> и т.д. находятся почему-то как бы в разных слоях. Т.е., если я пишу, например Какой-то текст</p> <h1>Еще текст</h1> <h2>И еще текст</h2>, то получается следующая картина: идет текст и сверху (прямо на словах тега p) идут слова тегов <h1> и <h2>. Как это исправить? Я что-то неправильно делаю или это все из-за браузеров?

13.07.2003, 19:41	#2
Silver	Прописывать в Body все отступы - сразу же надо! На счет всех броузеров - честно говоря - это очень долгая и муторная работа оптимизировать сайт под все броузеры, так что советую только оптимизировать под Эксплорер и Оперу!

24.07.2003, 14:33	#3
w00fer	согласен с Silver, не стоит стараться угодить всем.... достаточно будет и одного ie... судя по статистике в phpNuke

07.11.2003, 00:14	#4
Alkeeper	Opera не понимает слова "margin: 0", она понимает "margin: 0px"

07.11.2003, 00:37	#5
Dis	Silver, По статистике: IE ~ 90% Netscape ~ 4,4% Opera ~ 3,5% Mozilla ~ 1,8% Это к тому что если и ориентироваться только на два самых используемых, то на IE и Netscape...

07.11.2003, 01:04	#6
Alkeeper	А теперь вспомни статистику хотя бы полуторагодовалой давности. У ИЕ было более 95-97% Нетскейп с Оперой (5+6) валялись ниже плинтуса (1%), а про мозиллу вообще почти никто не слышал. Выводы делать будем? Сегодня у ИЕ 90%, а завтра их может заметно поубавиться, не удивлюсь, если через год у ИЕ будет не более 75% а то и менее, что тогда делать будем? весь интернет переписывать? Тем более, что теперь в новых осях осел не идет в качестве обязательного приложения, его можно убить и никогда о нем не вспоминать..... ИМХО

07.11.2003, 02:23	#7
Dis	Alkeeper, Да .... если появятся сайты оптимизированные под оперу и мозиллу то продвинутое серфиры нета скорее всего на них перейдут .... но не стоит забывать что большую часть этих продвинух сёрфиров составляют как раз те кто эти сайты делает, а клиентуру многих профессиональных сайтов по предоставлению тех или иных услуг составляют всякие непродвинуетые люди (секретарши,заказчики ...) которые точно не будут ставить себе отдельно другой броузер т.к. есть же IE(а если нет, то они поставят именно его, т.к. он им привычнее ...)

07.11.2003, 13:53	#8
Alkeeper	Я не призываю к оптимизации под тот или иной броузер, я говорю о строгом следовании спецификациям HTML, XHTML, CSS1, CSS2, etc. Время 4-х броузеров прошло, а заскоки вебмастеров остались. Если бороться именно с ними, тогда необходимость в опитмиазции просто отпадет.

07.11.2003, 16:06	#9
kost	К первоначальному вопросу. Надо прописывать Код: body { margin:0; padding:0; Т. к. в Оепере padding по умолчанию не равен 0.

07.11.2003, 16:36	#10
Dis	Даже броузеры одной марки, но разных версий отображают содержимое по разному .... а если посмотреть на JavaScript то как обойтись там без оптимизации под броузеры ??? Оптимизировать все равно придется ....