Jump to content
  • 0

Слои CSS в разных браузерах. HELP!


Niodar
 Share

Question

Здравствуйте, года четре назад мне доводилось верстать дизайны для сайтов посредством HTML и СSS . Потом забросил всё это дело. (Кстати, в то время о слоях вообще не знал.)

Теперь снова решился взяться за старое, вспомнил теги, и т.п.

Прочёл немного про CSS слои. Со слоями, как выяснилось работать намного удобнее,

Как в книжке создал слой:

#top {
position: absolute; /* Абсолютное позиционирование */
left: 500; /* Положение левого края */
top: 0; /* Положение верхнего края */
width: 100%; /* Ширина слоя */
height: 158px;
background: #000000;/* Цвет фона */
color: red; /* Цвет текста */
}

Вызвал:

<div class='top'>здесь мой текст</div>

НО ВОТ ПРОБЛеМА:

В IE8 все нормально, отображается цвет фона, букв и т.д.

а OPERA 9 и FireFox не отображают ни цвет фона, не даже фоновую картинку (если я её прописываю в слое).

В чём проблема? что я не учёл?

Извиняюсь, скорее всего Вы подумали что это НУБерский вопрос, но у меня совсем нет времени перерывать Инет, и юзать Гугль.

Edited by Niodar
Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0
А у нас наверно есть время, немного коробит когда так говорят.

пишите для в CSS для ID, а в HTML класс, странно что вообще где-то заработало.

Да кстати как вообще где-то мог сработать такой код :)

Link to comment
Share on other sites

  • 0
пишите для в CSS для ID, а в HTML класс, странно что вообще где-то заработало.

Justnewone,

ха, вот я СТОРМОЗИЛ. :)

Спасибо, всем кто ответил.

И у меня кажется ещё вопросики назревают по этой теме. Так что, если что.

Link to comment
Share on other sites

  • 0
Justnewone,

ха, вот я СТОРМОЗИЛ. :)

Спасибо, всем кто ответил.

И у меня кажется ещё вопросики назревают по этой теме. Так что, если что.

На всяк случай напомню, что самообазование это всегда лучше.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy