Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

Неправильное отображение стиля в браузере

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS
 
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 20, 2009 7:54 am     : Неправильное отображение стиля в браузере

Добрый день!
Должно ли так быть, что когда пишеш стиль для тега body, все теги что находяться в нем стиль не воспринимают.
Вот например:
Прописал в CSS, в дримвере отображаеться нормально:
[URL=http://piccy.info/view/fd23486959af65b8731c4b225ded3ccd/][img:8a40dd660c]http://i.piccy.info/i4/09/48/9a63483d2a24e98e16218df4e6ad.jpeg[/img:8a40dd660c][/URL]

Запускаю броузер для проверки:
[URL=http://piccy.info/view/8797a54499302c8743e4b24a1b9c9f96/][img:8a40dd660c]http://i.piccy.info/i4/54/2c/d67749d335fa32be12d74d14fbd7.jpeg[/img:8a40dd660c][/URL]

Код CSS:[code:1:8a40dd660c]body {font: Verdana; font-size:10px;}[/code:1:8a40dd660c]
Код HTML:[code:1:8a40dd660c]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<p>Проверка CSS</p>
<table width="25%" border="1">
<tr>
<td>Проверка CSS</td>
</tr>
</table>
<p>&nbsp; </p>
</body>
</html>
[/code:1:8a40dd660c]
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 20, 2009 8:30 am     :

А если шрифт приписать так:
[code:1:246d47d2e5]font-family: Verdana;[/code:1:246d47d2e5]
Но лучше так:
[code:1:246d47d2e5]font-family: Verdana, Geneva, sans-serif;[/code:1:246d47d2e5]
Может есть люди у которых не установлен шрифт "Verdana"
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 20, 2009 8:35 am     :

Правильный синтаксис написания font

[code:1:8ddf96b2dc]font: font-style || font-variant || font-weight || font-size[/line-height] || font-family | CSS2FontConstant[/code:1:8ddf96b2dc]

Пример:

[code:1:8ddf96b2dc]body {font: 10px Verdana}
h2 {font: bolder small-caps 16px "Lucida Console", Arial, sans-serif}
.iconCaption {font: 10px/1.1em caption}[/code:1:8ddf96b2dc]
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 20, 2009 9:30 am     :

admin ():
А если шрифт приписать так:
[code:1:dec62d2c82]font-family: Verdana;[/code:1:dec62d2c82]
Но лучше так:
[code:1:dec62d2c82]font-family: Verdana, Geneva, sans-serif;[/code:1:dec62d2c82]
Может есть люди у которых не установлен шрифт "Verdana"

Не хочет...
Это такое с любым шрифтом, все теги в body - игнорируют размер шрифта (font-size), по неизвестной причине...
Может еще есть варианты как исправить?
Дело в проге или в броузере, или в чем еще?
У меня была эта проблема, переустановил прогу - не помогло, переустановил Windows (с форматированием всех дисков) - не помогло....
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 20, 2009 10:09 am     : Нашел!

Я нашел проблему!
У меня в настройках тип DTD - "нет", поменял на Перехлдной HTML 4.01 и все заработало!

P/S offTop:
Вверху кода страницы есть такой текст:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">.
Кому надоела эта ссылка "http://www.w3.org/TR/html4/loose.dtd" - правте файл:
C:\Program Files\Adobe\Adobe Dreamweaver CS3\configuration\DocumentTypes\MMDocumentTypeDeclarations.xml ...
Там нужно найти все "DOCTYPE HTML PUBLIC" и в конце по удалять ссылки. Потом перезапустить прогу, и все при создание файла - ссылки нет...
Я точно незнаю что дает эта ссылка , так что осторожнее с программными файлами...

Спасибо, за ответы!
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 21, 2009 7:46 am     :

какой кошмар...
Вы хоть почитайте, что такое доктайп, на что он влияет и как браузеры с ним работают.

Ну и до кучи введите в поисковике магическую фразу reset css
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 21, 2009 2:19 pm     :

OldFornit ():
какой кошмар...
Вы хоть почитайте, что такое доктайп, на что он влияет и как браузеры с ним работают.

Ну и до кучи введите в поисковике магическую фразу reset css

с доктайпом разобрался, а вот ксс ресет...
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 21, 2009 2:35 pm     :

то есть определили, за что отвечает доктайп и в чем особенности верстки с разными доктайпами?
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 22, 2009 3:16 pm     :

[url]http://www.webmascon.com/topics/coding/25a.asp[/url]
Как они влияют я не разобрался, выше привел ссылку статьи которую я читал. Я понял что доктайп важная вещь! )
Вы уж извините, я только как 2 недели за созданием сайтов., а научиться то хочеться...
OldFornit
Модератор

Модератор


: 36

: 12.05.2005
: 846

: 22, 2009 3:23 pm     :

тогда рад за Вас.
Ну а нужный доктайп можно через Ctrl+U выставить. Не корежа прописанных в системе.

В случае, если в доктайпе убрать ссылку на объявление (тот самый http://www.w3.org/TR/html4/loose.dtd), то браузер переходит в квирк моде и не соблюдает стандарты
Влад
Новичок

Новичок


: 23

: 30.08.2009
: 15

: 22, 2009 7:10 pm     :

Спасибо! Понял!
Александер
Знакомый

Знакомый


: 41

: 07.03.2012
: 88
: Греция, о. Крит

: 29, 2012 12:37 am     :

Всем привет. Интересная тут у Вас тема. Я тоже не знал. будем читать.
Отпишусь о разнице в отображении.

С Уважением Александр.
Александер
Знакомый

Знакомый


: 41

: 07.03.2012
: 88
: Греция, о. Крит

: 01, 2012 4:57 pm     :

Я по поводу
DOCTYPE

Прочитав данную тему - возникла мысль, что есть разница между
<!DOCTYPE HTML>
и
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
для отображения в браузере. Т.к. Opera и FireFox отображают сайт немного по-разному. Разница только в меню. В Опере первый уровень - стеклянный, а выпадающее одного цвета (фон), в FireFox все по градиентом.
Кроме того, просматривая код других сайтов я видел только
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Возможно это строгий стандарт от W3C и прежде чем обработать страницу - браузер идет на "http://www.w3.org/TR/html4/loose.dtd" за правилами. - Видимо нет.

как было сказано:

:
В случае, если в доктайпе убрать ссылку на объявление (тот самый http://www.w3.org/TR/html4/loose.dtd), то браузер переходит в квирк моде и не соблюдает стандарты


И я попробовал поменять в индексной странице
с
<!DOCTYPE HTML>
на
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Ничего не изменилось. проверял на локальном сервере и в интернете.
Кстати, тоже отображается немного по разному. (на локальном и на удаленном).

! ВНИМАТЕЛЬНО.

Разница между html 4.0, html 4.01 Transitional, html 5.0 - я знаю, об этом речь не идет.

Речь идет только о меню на CSS + JavaScript + jQuery
отображается немного по разному - это значит оттенок цвета, стеклянная прозрачность, выпуклость меню, градиент в статике, смена градиента при наведении.
Все остальное всегда отображается правильно во всех 5-ти браузерах.

Если я не прав - готов выслушать гневные возражения и конструктивные предложения.

С Уважением Александр.
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> HTML & CSS : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 138881 / 0

Rambler's Top100 @Mail.ru