Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
AsVolt
0 / 0 / 0
Регистрация: 01.02.2013
Сообщений: 90
1

Одинаково в Google Crome, Opera, Mozilla

09.05.2013, 13:14. Просмотров 536. Ответов 1
Метки нет (Все метки)

Здравствуйте.

У меня в кода для всплывающих окон прописана такая штука:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 <style type="text/css">
body{
padding:50px;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
line-height:100%;
zoom:1;
}
.title{
position:relative;
z-index:1;
zoom:1;
color:#06F;
}
.title em{display:none;}
.title:hover em{
display:block;
position:absolute;
z-index:1;
background-color:#000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:15px;
line-height:normal;
color:#FFF;
text-decoration:none;
padding:0px 50px;
bottom:60px;
right:0;
-webkit-box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000;
box-shadow:0 0 20px #000;
}
.title:hover em i{
position:absolute;
z-index:1;
bottom:-7px;
right:5px;
border-top:7px solid #000;
border-left:7px solid transparent;
display:block;
height:0;
overflow:hidden;
}
  </style>
Но работает как надо только в гугл хроме. В опере, например, не работает строка: "position:absolute;", а в мозилле все окна всплывают в одном угла, хотя должны это делать там, где курсор находится. В эксплоеере и вовсе не работают всплывающие окна. Но на него плевать. Важно, чтобы в opera, crome, mozilla одинаково работало.
Что для этого необходимо?
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.05.2013, 13:14
Ответы с готовыми решениями:

Выровнять в теге form поле текст и кнопку, в IE и FireFox показывает нормально, в Crome и Opera криво
Помогите выровнять &lt;input type=&quot;text&quot;&gt; и &lt;input type=&quot;submit&quot;&gt;. В IE10 и FireFox все отображается...

Спойлер в Google Crome
Гуру HTML, подскажите пожалуйста, почему в IE6 спойлер работает корректно, в Chrome 30 &quot;развернуть&quot;...

Google Crome неправльно отображает картинки
Я начал изучать HTML и CSS, решил сделать первый проэкт, и тут такая запара....

Отличие IE, Mozilla и Opera
Доброе утро! Я делаю сайт для поколения, которое не очень понимает интернет. Столкнулся с...

Стили для Opera и Mozilla Firefox
Друзья, скажите как прописать стили для всех браузеров? Если не ошибаюсь, то в файле header.php...

1
НС
8 / 5 / 0
Регистрация: 07.05.2013
Сообщений: 29
09.05.2013, 19:37 2
AsVolt, reset всех настроек - перед всем кодом сверху пропиши.

Кликните здесь для просмотра всего текста
CSS
1
html, body {margin:0;padding:0;height:100%;}
0
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.05.2013, 19:37

Не отображаются изображения из материалов K2 в Opera и Mozilla, в IE и Chrome - все OK
добавлял изображения в тело статьи через иконку &quot;вставить/изменить изображения&quot; в редакторе TinyMCE...

Странное поведение Opera и Mozilla при отображение не подчёркнутых ссылок
Доброй ночи. Может кто-нибудь сталкивался с такой проблемой: я с помощью css явно задал на своей...

Сайт на хосте не открывается в Mozilla, Opera, но открывается в Explorer, Chrome
Всем здравствуйте! Гуманитарию-программеру «с нуля» нужна ваша помощь:) Сайт в CSS, на локалке...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.