jangot
Newbie-
Posts
11 -
Joined
-
Last visited
jangot's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 35px) второй в низу, нижней должен занимать всю свободную область и при необходимости иметь полосу прокрутки. Я написал CSS .top { position: fixed; height: 35px; top: 0; left: 0; } .bottom { height: 100%; padding: 35px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .bottomContent { height: 100%; overfow: auto; } Везде работает кроме IE. IE делает блоку .bottomContent высоту такую же как и у .bottom У меня правда только IE10 на виртуалке стоит, но я думаю в остальных та же проблема. Подскажите пожалуйста решение, нужно срочно. Если нужно html выглядит так <div class="top"></div> <div class="bottom"> <div class="bottomContent"></div> </div>
-
Не не могу, проект закрытый да и продакшена еще нет Но хтмл-ка такая же как и на демо jsTree http://www.jstree.com/demo
-
Да, но стили то придется писать для каждого уровня. Можно конечно js-ом задать, но это тоже не очень красивое решение. Ну ладно писать так писать.
-
Дерево строит jsTree, думаю его можно настроить так, что бы он присваивал классы. Но если так делать, то полюбому получается ограниченное количество можно описать. Ну сколько там 5 или 10, а хочется не ограниченное количество иметь. Если бы не полоски, то можно было бы написать просто li {padding-left:10px;} и был бы желаемый результат.
-
Ну, с классом понятно как сделать, да и в общем можно просто с вложением написать типа li {} li li {} li li li {} li li li li {} и т.д. но это вариант мне не подходит у меня динамическое дерево и оно может быть с глубокой вложенностью.
-
Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--
-
<style> html{ height: 100%; } body{ height: 100%; } #block1{ overflow:hidden; _height:1%; } #block1 div{ float: left; width: 50%; } </style> <div id="block1"> <div class="left"> text </div> <div class="right"> text </div> </div> дивы left и right распологаются в одну строчку. свойства overflow:hidden; и _height:1%; заданны что бы див block1 увеличивался в высоту до размеров вложенных блоков overflow:hidden; для нормальных браузеров _height:1%; для эксплорера из за того что высота html и body задана ( что бы можно было работать с высотой блоков на странице в процентах) _height:1%; для эксплорера не работает он показывает высоту дива block1 размером 1% Можно конечно вложить еше один блок со значением clear:both; Но хочется все сделать красиво, тем более что таких блоков на странице придется вставлять много. Если кто знает как сделать так, что бы block1 увеличивался вместе с left и right по другому, подскажите плиз.
-
Все заработало. Большое спасибо.
-
<!DОCTYPE ...... <style> div{ background: red; height: 50%; margin: 0px auto; width: 500px; } </style> ... <body> <div> bla-bla </div> </body> Нужно что бы div тянулся в зависимости от размеров окна браузера.
-
вариантов задания doctyp существует несколько в зависимости от стандарта который используется, а не правильных может быть великое множество. Я использую Стандарт XHTML 1.1 DTD и соответственно quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?