|
На страницу 1, 2 След. |
|
|
|
Как задать div'у позицию чтобы он во всех браузерах был на одном и том же месте?
есть место на экране куда хочу поместить див, в инете нашел вариант, все разместил, радуюсь.......в лисе, лан хоть проверил в разных браузерах - во всех браузер он отличался, особенно в осле.
<DIV style="position: absolute; top: 100px; left: 330px;">
почему так то? как сделать чтобы он во всех браузерах занимал одно и тоже место.
В лисе например изза плагинов увеличилась верхнее меню, и паходу он считает от него... |
|
|
|
|
|
Хорошее решение использования тэгов div, с отображением шаблона сайта в виде блоков и с устойчивостью отображения во всех открытых браузерах для просмотра, тоесть все будет стоять на месте и не разбегается по сторонам. Это скрипт последней версии букса mfs 2.2, где также сделано хорошее решение для отображения вида сайта в разных минимальных и максимальных по ширине разрешениях монитора при 17-22 диагонали.
Это в стиле:
.wrapper {
margin: auto;
width: 100%;
text-align: left;
min-width: 994px;
max-width: 1600px;}
.wrapper {width: expression(((document.body.clientWidth)) < 994? "994px": ((document.body.clientWidth)) > 1400? "1400px": "92%" );}
Но чтобы изменять шаблон нужно удалить строку ява скрипта в файле head.php:
<script language="JavaScript" type="text/javascript">
date = new Date();
a = date.getHours();
if (a > 7 && a < 20) {
document.write("<link rel='stylesheet' href=' /style/althead.css' type='text/css'>");
}
</script>
И только теперь можете изменять блоки по длине, высоте, цвету и всему, что пожелаете сделать. Самое главное понимать в этом думаю - позиционирование. |
|
|
|
|
|
| Вот это да , вообще ничего не понял |
|
|
|
|
|
| border-right: 1px solid #A6AAA1; вот это делает | херню справа от элемента, а как сделать чтобы у последнего элемента меню такая палка не прибавлялась? |
|
|
|
|
|
|
|
| Спасибо, нихера в этом я ессесно не понимаю!, но ура у меня получилось style="border-right-style: none;" - так надо сделать у последней ссылки, терь буду знать ))) |
|
|
|
|
|
| DK писал(а): |
|
border-right: 1px solid #A6AAA1; вот это делает | херню справа от элемента, а как сделать чтобы у последнего элемента меню такая палка не прибавлялась?
|
кури :last-child и :nth-child |
|
|
|
|
|
аха спасиб, блин странно на одном сайте сработало моя схема, на другом почему то не работает.
вобщем разобрался, все пашет  |
|
|
|
|
|
|
|
border: 1px solid rgb(221, 221, 229);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); |
|
|
|
|
|
| спасибо, терь оказывается узнал про новый для себя элемент box-shadow, так глядишь и html выучу |
|
|
|
|
|
блин почему не работает ласт чаилд
ul.menu li a {
border-right: 1px solid #FFF;
}
ul.menu li a:last-child {
border-right: none;
}
сечас на последнем элемента делаю как когда то подсказали
<li><a style="border-right-style: none;" href="#">хуй</a>
но чот я думаю как то не правильно это все  |
|
|
|
|
|
| DK писал(а): |
блин почему не работает ласт чаилд
ul.menu li a {
border-right: 1px solid #FFF;
}
ul.menu li a:last-child {
border-right: none;
}
сечас на последнем элемента делаю как когда то подсказали
<li><a style="border-right-style: none;" href="#">хуй</a>
но чот я думаю как то не правильно это все
|
применяй к li |
|
|
|
|
|
| DK писал(а): |
|
блин почему не работает ласт чаилд
|
ul.menu a имеет приоритет. Добавьте !important
ul.menu li a:last-child {
border-right: none!important;} |
|
|
|
|
|
| Taburetkin писал(а): |
| DK писал(а): |
|
блин почему не работает ласт чаилд
|
ul.menu a имеет приоритет. Добавьте !important
ul.menu li a:last-child {
border-right: none!important;}
|
ересь, такое имело бы смысл если бы внутри было бы несколько тегов А,
наследование через li решает это и без !important
правильно вот так,
ul.menu li:last-child a {
border-right: none;} |
|
|
|
|
|
|
