sarcus

Newbie
  • Content count

    8
  • Joined

  • Last visited

Community Reputation

0 Обычная

About sarcus

  • Rank
    Новичок

Information

  • Sex
    мужской

Recent Profile Visitors

201 profile views
  1. Основной блок содержит 2 блока 1-й с некоторым текстом 2-й flex блок с input элементами 2-й блок как будто не видит <b>ширины</b> основного блока, которую <b>задает 1-й блок</b> (sometext) и расширяет основной. Подскажите как решить данную проблему ? Пример : https://jsfiddle.net/sarcus/1vmaf3wo/14/ Но если вместо input (class='inp') вставить div то все приходит в норму: https://jsfiddle.net/1vmaf3wo/83/ <style> .cont { position: absolute; top : 200px; left: 30px; border: 1px solid #ccc; } .ctrl { display: flex; width: 100%; flex-direction: row; border: 1px solid#ccc; } .btn { flex: 0 0 auto; } .inp { flex: 1 1 auto; width: 100%; } </style> <div class="cont"> <div class="sometext">555 5555 5555 5555 5556</div> <div class="ctrl"> <input type="button" class="btn" value="<<" /> <input class="inp" type="text" /> <input type="button" class="btn" value=">>" /> </div> </div>
  2. Жаль конечно, нет красивого решения. Большое спасибо за ответы. Просто задачка интересная, но не для ie8.
  3. Ну только что, думал можно как-то иначе, всю голову сломал Но таблицами ie8 не хочет растягивать внутренние дивы, у меня не получилось, и в твоем примере так же, а у меня он еще есть, так бы забил.
  4. Не то. Изначально высота внутреннего блока должна быть 100% от высоты экрана. Далее, в зависимости от контента, растягиваем внешний блок. (+ поддержка ie8)
  5. Есть вложенные блоки <div id="d1"> <div id="d2"> <div id="d3"> ....... </div> </div> </div> Нужно чтобы все блоки имели высоту 100% и самый внутренний div (он может быть и 4-м... вложением) растягивал все внешние в зависимости от контента если контент больше 100%. Желательно без js.
  6. о_О Верстайте таблицами. Таблицами не получиться красиво сделать. Ну и на счет ботов. Не могу спать спокойно когда они существуют Да и самому стало интересно голову сломать. Но сделал. Долго мучился. Решил отрицательным margin-top-ом и манипуляции с прозрачными border-ми (Вывел внутренний блок .ele за границы внешнего .wrap). Стал делать меню, для чего все это и нужно было. Меню полностью прозрачное что мне и нужно было (под ним фон будет с рисунком). Элементы пока подсветил чтобы видеть что получается. Можно конечно проще, например с помощью картинок, но у меня другая задача. <!DOCTYPE html PUBLIC><html><head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"></head><style type="text/css" media="all"> body {font-family: Arial, Tahoma, sans-serif; margin: 10px; font-size: 12px;} ul, li { list-style: none; list-style-type:none; list-style-image:none; list-style-position:outside; margin:0; padding:0; vertical-align : top;} ul li { line-height: 18px; padding-top: 10px; zoom: 1;} ul li.next { padding-top: 0px; }.wrap { border-style: solid; border-width: 1px 1px 0 1px; border-color: transparent transparent red red; display: block; positon:relative; _border-top-color: #ff00ff; _filter:chroma(color=#ff00ff); _height: 1px; zoom:1; zmargin: 0 0 0 14px; }.ele { position:relative; margin:-10px 0 0 0; padding : 0 0 4px 10px; zoom:1;}.ele.next { margin: 0;} .ele:after { content: ''; display: block; clear: both;}.ele p { top: 10px; background-color:#ffcccc; display:block; position:relative; float:left; margin: 0;} .bl { position: absolute; width: 8px; border: solid green; border-width: 1px 0 0 0; ; }</style> <body><ul><li> <div class="wrap"> <div class="ele"><p>ddfffff через через через через через</p></div> <div class="bl"></div> </div></li><li class="next"> <div class="wrap"> <div class="ele next"><p>ddfffff через через через через через</p></div> <div class="bl"></div> </div></li></ul></body></html>
  7. <style type="text/css"> .div1, .div2 { display: block; line-height:14px; border: solid gray; border-width: 0 0 0 1px;}.div1 { background-color: #ffcccc; }.div2 { background-color: #fffccc; }</style><div class="div1">текст текст текст текст текст</div><br /><div class="div2">текст текст текст текст текст</div>Задача такая. Есть два блока одинаковой высоты (14). Нужно чтобы у верхнего блока, левая рамка была с регулируемым отступом сверху, т е высота рамки меньше чем у нижнего. При переносе текста рамки растягиваются. Оба дива будут прозрачными без фона; Добавлено через 8 минут Должно работать в IE6-..... есть у меня еще такие .