Jump to content

jangot

Newbie
  • Posts

    11
  • Joined

  • Last visited

jangot's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Здравствуйте. У меня есть задача: Есть два блока, один наверху (высотой 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>
  2. Не не могу, проект закрытый да и продакшена еще нет Но хтмл-ка такая же как и на демо jsTree http://www.jstree.com/demo
  3. Да, но стили то придется писать для каждого уровня. Можно конечно js-ом задать, но это тоже не очень красивое решение. Ну ладно писать так писать.
  4. Дерево строит jsTree, думаю его можно настроить так, что бы он присваивал классы. Но если так делать, то полюбому получается ограниченное количество можно описать. Ну сколько там 5 или 10, а хочется не ограниченное количество иметь. Если бы не полоски, то можно было бы написать просто li {padding-left:10px;} и был бы желаемый результат.
  5. Ну, с классом понятно как сделать, да и в общем можно просто с вложением написать типа li {} li li {} li li li {} li li li li {} и т.д. но это вариант мне не подходит у меня динамическое дерево и оно может быть с глубокой вложенностью.
  6. Добрый день. Вот встала задача сверстать список так, что бы каждый новый вложенный список имел больший отступ чем предыдущий. Задача вроде тривиальная, но при этом у каждого элемента списка должна быть черта снизу. Причем эта черта должна быть на всю ширину списка. То есть должно быть примерно так (палочки это отступы): первый уровень —————————— ||второй уровень —————————— ||||третий уровень —————————— ||снова второй —————————--
  7. <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 по другому, подскажите плиз.
  8. jangot

    высота в %

    Все заработало. Большое спасибо.
  9. jangot

    высота в %

    <!DОCTYPE ...... <style> div{ background: red; height: 50%; margin: 0px auto; width: 500px; } </style> ... <body> <div> bla-bla </div> </body> Нужно что бы div тянулся в зависимости от размеров окна браузера.
  10. jangot

    высота в %

    вариантов задания doctyp существует несколько в зависимости от стандарта который используется, а не правильных может быть великое множество. Я использую Стандарт XHTML 1.1 DTD и соответственно quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  11. Столкнулся с такой проблемой. Задаю высоту бока в % относительно body И оказывается, что при правильном doctype высота заданная в % не работает. Кто нибудь знает как это можно обойти?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy