• Главная
  • » CSS
  • » css под разные разрешения монитора

#1 2010.02.20 13:47

center
Участник
Зарегистрирован: 2009.08.10
Сообщений: 123
Карма: 0
Профиль

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
div#menu {
position: fixed;
top: 207px;
left: 24px;
width: 255px;
}
 
* html div#menu {
position: absolute;
top: expression((30 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}
div#menu h3 {
margin-top: 20px;
margin-left: 30px;
}
div#menu div#digg {
margin-top: 20px;
}
a#lang {
position: relative;
top: 10px;
margin-left: 30px;
}
 
div#menu ul {
list-style: none;
margin: 0;
width: 255px;
padding: 0;
}
div#menu ul li {
margin: 0;
padding: 0;
}
 
div#menu ul li a {
margin: 1px 0;
font-size: 12px;
padding-top: 4px;
padding-left: 20px;
background: #111111;
height: 25px;
display: block;
text-decoration: none;
color: #444444;
}
 
div#menu ul li a:hover {
background: #444;
color: #fff;
}

меню отображается в 24 пикселях от левого края манитора есле манитор 17 дюймов и разрешение его 1280 х 1024 то меню вписывается под дизайн сайта а есле манитор больше 19 дюймов дапустим то уже невписывается как сделать чтоб вписывался? ткак диз нерезиновый на одном дисплее он имеет по 24 паикселя от краев на втором дисплее по 30 пикселей от краев а меню мертво остается на том же месте 24 пикселя от края

Неактивен

#2 2010.02.20 13:49

Gemorroj
Administrator
Откуда: Белоруссия
Зарегистрирован: 2007.11.03
Сообщений: 6539
Карма: 108
Профиль Веб-сайт

Re: css под разные разрешения монитора

пример html кода, к которому привязывается стиль

Неактивен

#3 2010.02.20 13:51

center
Участник
Зарегистрирован: 2009.08.10
Сообщений: 123
Карма: 0
Профиль

Re: css под разные разрешения монитора

убрал left: 24px; оно какбы стало на одном месте но уже невьезжает в рамки дизайна
Добавлено спустя   1 минуту  24 секунды:
ок щас

Код:

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
<div id="menu">
<ul>
<li><a href="http://сайт.ru">На главную</a></li>
</ul>навигация<ul>
<li> <a href="#top"> &nbsp; &nbsp; &nbsp;</a></li>
<li> <a href="#tops"> &nbsp; &nbsp; &nbsp;</a></li>
 
</ul>
 
категории<ul>
<li><a href="http://сайт.ru/multiki/">Мультики онлайн</a></li>
<li><a href="http://сайт.ru/filmy-dlya-detej/">Фильмы для детей</a></li>
<li><a href="http://сайт.ru/rossijskoe_kino/">Российские фильмы онлайн</a></li>
<li><a href="http://сайт.ru/indijskoe-kino/">Индийское кино онлайн</a></li>
<li><a href="http://сайт.ru/ukrainskoe-kino/">Украинское кино онлайн</a></li>
<li><a href="http://сайт.ru/kazahskie-fikmy-online/">Казахстанские фильмы онлайн</a></li>
<li><a href="http://сайт.ru/zarybezhnye_filmy/">Зарубежные фильмы онлайн</a></li>
<li><a href="http://сайт.ru/serialy-onlain/">Сериалы онлайн</a></strong></li>
<li><a href="http://сайт.ru/filmy-s-goblinskim-perevodom/">С гоблинским переводом онлайн</a></li>
<li><a href="http://сайт.ru/multfilmi-s-goblinskim-perevodom/">Мультики перевод Гоблина</a></li>
<li><a href="http://сайт.ru/dokumentalnye/">Документальные фильмы онлайн</a></strong></li>
<li><a href="http://сайт.ru/dokumentalnye/neobyasnimo-no-fakt/">Необъяснимо но факт онлайн</a></li>
</ul>
 
помощ по сайту<ul>
<li><a href="http://сайт.ru/faq.html">Как смотреть фильмы онлайн?</a></li>
<li><a href="http://сайт.ru/sajt_nepravelno_otobrazhaetsya.html">Сайт неправельно отображается?</a></li>
</ul>
 
</div>

Отредактировано center (2010.02.20 13:56)

Неактивен

#4 2010.02.20 14:31

center
Участник
Зарегистрирован: 2009.08.10
Сообщений: 123
Карма: 0
Профиль

Re: css под разные разрешения монитора

все спасибо разобрался поверх там еще два стиля перекрывали изза етого сдвиг в право был ))

Неактивен

  • Главная
  • » CSS
  • » css под разные разрешения монитора

Дополнительно

forum.wapinet.ru

PunBB Mod v0.6.1
0.009 s