Вы не зашли.
Главная » CSS » css под разные разрешения монитора
#1. center Off (0)
Участник
2010.02.20 13:01
Гемарой подскажи пожалуйста с сиэсэс вот сам код
Код:
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. Gemorroj Off (107)
Administrator
2010.02.20 13:01
пример html кода, к которому привязывается стиль
#3. center Off (0)
Участник
2010.02.20 13:01
убрал left: 24px; оно какбы стало на одном месте но уже невьезжает в рамки дизайна
Добавлено спустя   1 минуту  24 секунды:
ок щас
Код:
<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:01)
#4. center Off (0)
Участник
2010.02.20 14:02
все спасибо разобрался поверх там еще два стиля перекрывали изза етого сдвиг в право был ))
Страниц: 1
Главная
WEB
PunBB Mod v0.6.2
0.014 s