| |
|
|
| | Здравствуйте! Помогите разобраться!
На Internet Explorer отображаеться все так как и задумано(меню справа, меню слева, и центальное меню), но на Mozile все выводиться в полоску, горизонтально, друг за другом.
Вчем проблема?
style.css
.1 { position: absolute; left:10px; top:50px; width: 200px; background: #777777; border: 1px solid #222222; padding:10px;}
.2 {padding-left:10px; padding-right:10px; background: black; margin-left: 199px; margin-right: 199px; border: 1px solid #000; voice-family: *\*}\**;
voice-family: inherit; margin-left: 201px; margin-right: 201px; }
html>body .2 { margin-left: 201px; margin-right: 201px; }
.3 { position: absolute; right:10px; top:50px; width: 200px; background: #777777; border: 1px solid #222222; padding:10px;}
|
test.html
<div class="1"><p>Hello!</p></div>
<div class="2"><p>How are you?</p></div>
<div class="3"><p>Nice!</p></div>
|
| |
| |
|
|
| |
|
|
| |
для: JESS
(17.02.2008 в 14:45)
| | | имена не должны начинаться с цифр! | |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.02.2008 в 15:24)
| | | Спасибо болшое, я все сменил на английские буквы и все заработало!! | |
| |
|
|
| |
|
|
| |
для: JESS
(17.02.2008 в 14:45)
| | | Так же не следует экспериментировать с русскими именами.
Имена нужно набирать английскими. | |
| |
|
|
| |
автор: _гость_ (17.02.2008 в 19:15) |
|
| |
для: Slyfox
(17.02.2008 в 18:53)
| | | цифрами наверное можно
<style type="text/css">
.\31 { color: red; }
.\32 { color: green; }
.\33 { color: blue; }
</style>
<p class="1">_1_</p>
<p class="2">_2_</p>
<p class="3">_3_</p>
|
на такое валидатор css перестаёт ругаться | |
| |
|
|
| |
|
|
| |
для: _гость_
(17.02.2008 в 19:15)
| | | http://www.w3schools.com/css/css_syntax.asp
Do NOT start a class name with a number! It will not work in Mozilla/Firefox.
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(17.02.2008 в 19:26)
| | | В предудущей ссылке я бы добавил ещё и фразу:
Do NOT start an ID name and a class name with a simbol "_"! It will not work in Microsoft Explorer!
|
Ибо можете проверить (везде работает, а в Осле - нет):
<html>
<style>
#_firstID {color: red}
#secondID {color: blue}
._firstCLASS {color: red}
.secondCLASS {color: blue}
</style>
</head>
<body>
<div id="_firstID">Текст должен быть красным, но не будет таковым в Эксплорере</div>
<div id="secondID">Текст будет голубым везде</div>
<div class="_firstCLASS">Текст должен быть красным, но не будет таковым в Эксплорере</div>
<div class="secondCLASS">Текст будет голубым везде</div>
</body>
</html>
|
| |
| |
|
|
| |
автор: _гость_ (17.02.2008 в 20:00) |
|
| |
для: CNTv2.0
(17.02.2008 в 19:41)
| | | интересное тоже примечание ,
но оно у меня и тоже работает только если заэкранировать
<style>
#\_firstID {color: red}
#secondID {color: blue}
.\_firstCLASS {color: red}
.secondCLASS {color: blue}
</style>
|
получается что это всё из-за разного механизма персения таблиц стилей,
а не из-за прочтения тегов.
Но это я не спорю :) , а просто интересно как-же оно всё это ещё работает :) | |
| |
|
|
