Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.69/13: Рейтинг темы: голосов - 13, средняя оценка - 4.69
7 / 7 / 2
Регистрация: 24.12.2011
Сообщений: 223

Смещение текста в Mozilla Firefox

06.04.2013, 15:27. Показов 2596. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Такая проблема: во всех браузерах сайт отображается нормально, а в FF текст div элемента "head" смещается вниз. Прикрепил скрины и css код, помогите решить проблему.

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
body {
background: url([url]http://www.che.com/img/bg.gif);[/url]
font-family:Verdana;
font-size:8pt;
}
 
a:link {
color:#8B0000;
text-decoration: none;
}
 
a:hover {
color:#8B0000;
text-decoration: underline;
}
 
.tabset_content {position:relative; z-index:1; padding:0.5em 1em; display:none }
.tabset_content_active  { display:block }
 
@media aural{
    .tabset_content,
    .tabset_label   { display:block }
}
 
.tabset_tabs {
 list-style-type: none;
 margin-top:-10px;
}
 
.main {
width:70%;
margin-top:50px;
margin-left:130px;
 
}
 
.side{
background:#fff;
border-radius: 10px 70px;
width:700px;
height:100%;
border: 2px outset #fff;
}
 
.vmenu {
float:right;
font-family:Segoe UI Light, Segoe UI, sans-serif;
font-weight: lighter;
font-size:40pt;
color:#8B0000;
text-decoration:none;
}
 
.vmenu:hover {
float:right;
font-family:Segoe UI Light, Segoe UI, sans-serif;
font-weight: lighter;
font-size:40pt;
color:#fff;
text-decoration:none;
background:#8B0000;
cursor: url(img/icon.png);
}
 
 
.head {
float:right;
font-family:Segoe UI Light, Segoe UI, sans-serif;
font-weight: lighter;
font-size:20pt;
text-align:right;
}
 
.h1 {
font-family:Segoe UI Light, Segoe UI, sans-serif;
font-weight: lighter;
font-size:12pt;
}
 
.ph {
height:150px;
width:200px;
display: inline;
}
 
.tlph {
background:grey;
width:300px;
color:white;
border-radius: 10px 10px 0 0;
}
 
.tlph2 {
background:#f5f5f5;
width:350px;
color:black;
border-top:1px solid #cdcdcd;
height:20px;
}
 
.tlph_p {
background:grey;
width:300px;
color:white;
border-radius: 10px 10px 0 0;
}
 
.mem {
background:orange;
width:350px;
color:white;
border-top:1px solid #cdcdcd;
height:20px;
 
}
 
.mem2 {
background:orange;
width:640px;
color:white;
height:20px;
font-family:Segoe UI Light;
font-size:12pt;
 
}
 
 
.tle {
margin-left:5px;
}
 
.wlink {
color:#fff;
}
 
.wlink:hover {
color:#fff;
text-decoration:none;
}
 
.date{
float:right;
margin-right:5px;
}
 
.empt {
border-bottom:1px dotted #cdcdcd;
width:350px;
}
 
.empt2 {
border-bottom:1px dotted #cdcdcd;
width:200px;
}
 
.empt3 {
border-bottom:1px dotted #cdcdcd;
width:640px;
}
 
.footer {
font-size:8pt;
margin-top:20px;
margin-bottom:20px;
margin-left:500px;
}
 
 
#contact-wrapper {
    width:580px;
    border:1px solid #e2e2e2;
    background:#f1f1f1;
    padding:20px;
    border-radius: 10px 10px 10px 10px;
}
#contact-wrapper div {
    clear:both;
    margin:1em 0;
}
#contact-wrapper label {
    display:block;
    float:none;
    font-size:16px;
    width:auto;
}
form#contactform input {
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
    padding:5px;
    font-size:16px;
    color:#333;
}
form#contactform textarea {
    font-family:Arial, Tahoma, Helvetica, sans-serif;
    font-size:100%;
    padding:0.6em 0.5em 0.7em;
    border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    border-style:solid;
    border-width:1px;
}
 
.changes {
opacity: 0.5; 
filter: alpha(Opacity=50);
padding-left:5px;
background:White;
color:grey;
-webkit-transition: background 0.5s, color 0.3s ease;
}
 
.opacity {
opacity: 0.75; 
filter: alpha(Opacity=75);
-webkit-transition: background 0.5s, color 0.3s ease;
}
 
.opacity:hover {
opacity: 1; 
filter: alpha(Opacity=100);
}
 
.leftimg {
float:left; 
margin: 7px 7px 7px 0;
}
   
.rightimg  {
float: right; 
margin: 7px 0 7px 7px; 
}
Миниатюры
Смещение текста в Mozilla Firefox   Смещение текста в Mozilla Firefox   Смещение текста в Mozilla Firefox  

Смещение текста в Mozilla Firefox  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
06.04.2013, 15:27
Ответы с готовыми решениями:

Не работает в Mozilla Firefox
вот учусь делать сайты и решил сделать для себя. но вот возникла проблема что в браузер Google Chrome все прекрасно но вот в Mozilla...

Mozilla Firefox и CSS3
Всем доброго времени суток, с прошедшим НГ и наступающими праздниками :) Очень заинтересовала возможность CSS3 под названием...

Не правильное отображение в Mozilla Firefox
Привет всем, у меня на сайте 2 основных блока которые отображаются с лева и с права паралельно. В мозиле первый блок который с права...

6
7 / 7 / 2
Регистрация: 24.12.2011
Сообщений: 223
07.04.2013, 16:05  [ТС]
!help
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
09.04.2013, 19:32
html код покажите.
0
7 / 7 / 2
Регистрация: 24.12.2011
Сообщений: 223
09.04.2013, 19:56  [ТС]
Цитата Сообщение от 35cm Посмотреть сообщение
html код покажите.
вот часть кода

HTML5
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!doctype html>
<html lang="ru">
<head>
    <title>text</title>
    <meta charset="utf-8">
    
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/table.css">
    <link href="img/icon.png" rel="shortcut icon" type="image/x-icon" />
    
<script type="text/javascript" src="js/addclasskillclass.js"></script>
  <script type="text/javascript" src="js/attachevent.js"></script>
  <script type="text/javascript" src="js/addcss.js"></script>
  <script type="text/javascript" src="js/tabtastic.js"></script>
  <script src="js/jquery.min.js" type="text/javascript"></script>
      <script src="js/jquery.validate.pack.js" type="text/javascript"></script>
<script type="text/javascript">
      $(document).ready(function(){
      $("#contactform").validate();
      });
  </script>
  
  <script type="text/javascript">
var linkStyles='<link rel="stylesheet" type="text/css" href="';
function setcookie(a,b,c) {if(c){var d = new Date();d.setDate(d.getDate()+c);}if(a && b) document.cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document.cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;}
function clearSet(L){if(L){setcookie("changeStyle",L,30);$("link[rel='stylesheet']:first").replaceWith(linkStyles+L+'"/>')}};var Lmem=getcookie("changeStyle");clearSet(Lmem);
</script>
  
 
 
</head>
 
<body>
 
<div class="main">
 
<div class="head">
Дмитрий Чередниченко<br>
xxxxx xxxxxx xxxxx xxxxxxxxxxx
</div>
 
 
 
 
<table>
<tr>
 
<td valign="top">
 
<style>#changeStyle img{border-bottom:solid 1px transparent;}
.STYLselect {border-color:red!important; }
</style>
 
<div id="changeStyle" style="top:0; left: 3px; float:right;">
<div class="changes">Цветовая схема:</div>
<a href="/" class="opacity"><img src="/img/style1.png" alt="css/style.css"/></a>
 
<a href="/" class="opacity"><img src="/img/style2.png" alt="css/style2.css"/></a>
 
<a href="/" class="opacity"><img src="/img/style3.png" alt="css/style3.css"/></a>
 
</div>
<script>$("#changeStyle img[alt='"+Lmem+"']").addClass("STYLselect");$('#changeStyle img[alt]').click(function(){L=$(this).attr("alt");$('#changeStyle img[alt]').removeClass("STYLselect");$(this).addClass("STYLselect");clearSet(L)});</script>
 
<ul class="tabset_tabs">
<li class="firstchild"><a href="#main" class="preActive active vmenu">Главная</a></li><br>
<li><a class="preActive vmenu" href="#service">xxxx</a></li><br>
<li><a class="preActive vmenu" href="#xxxx">xxxxx</a></li><br>
<li><a class="preActive vmenu" href="#contacts">Контакты</a></li><br>
<li><a class="preActive vmenu" href="#about">О Нас</a></li>
<li><a class="preActive vmenu" href="#price"></a></li>
<li><a class="preActive vmenu" href="#job"></a></li>
<li><a class="preActive vmenu" href="#best"></a></li>
<li><a class="preActive vmenu" href="#site"></a></li>
 
 
</ul>
 
</td>
......
0
Эксперт по компьютерным сетямЭксперт NIX
 Аватар для Dmitry
13440 / 7534 / 830
Регистрация: 09.09.2009
Сообщений: 29,554
09.04.2013, 20:00
имхо, css-reset в помощь
0
7 / 7 / 2
Регистрация: 24.12.2011
Сообщений: 223
09.04.2013, 21:56  [ТС]
Цитата Сообщение от Dmitry Посмотреть сообщение
имхо, css-reset в помощь
не помогло
0
7 / 7 / 2
Регистрация: 24.12.2011
Сообщений: 223
12.04.2013, 19:56  [ТС]
проблему решил. офф топик
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
12.04.2013, 19:56
Помогаю со студенческими работами здесь

Mozilla firefox игнорирует стили
Добрый день. Такая проблема, создан сайт с использованием CSS, во всех браузерах кроме mozilla никаких проблем нет, но mozilla ...

плывет сайт в Mozilla Firefox
Здравствуйте. Возникла проблема с сайтом, во всех браузерах вроде отображается хорошо, но вот в Мозилле(почему-то именно в ней) главная...

Полосы прокрутки в Mozilla Firefox
Полосы прокрутки отображаются только в Chrome Browser, а в Mozilla Firefox - нет

Неправильное отображение в Mozilla Firefox
Прошу помощи. Данный код отображается в IE как нужно, а в Mozilla Firefox нет. &lt;style&gt; #container { width: 1000px; ...

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


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru