rolph

Есть select, который содержит 200 элементов. В IE7,8 при клике и наборе части названия наводит курсор на нужный элемент. А в IE6 - не выбирает. Вопрос, можно ли сделать без клика на поле ввод с клавиатуры и почему метод не работает в IE? Спасибо

Заработало Спасибо. Для остальных Сделал: .hidden {display:none;} .visible {display:block;}

В конечном итоге хотелось бы видеть, чтобы после div'a в котором 2 блока, которые показываются при определенном виде, были кнопки... А не под блоком.

Justnewone, правильно ли я понимаю... Что у родительского div'a(который relative и прячет блоки), должен z-index быть равным z-index'у блока с кнопками?

Justnewone,спасибо, буду теперь разбираться. Уважаю таких специалистов, которые находят несколько минут, чтобы разъяснить в каком направлении идти... Ещё раз спасибо. О результатах отпишусь тут. PS: С пленкой отличный пример!

Потратил Т.е. суть в следующем, использую для всех элементов relative, кроме, тех, которые скрываются. А вся форма делится на слои: — статические элементы; — те которые скрываются; — кнопки Верно?

Т.е. надо для основного div'a (div формы) сделать relative, и дальше только указывать absolute, где необходимо?

Странно, вроде везде указал. <form action="save_form.php" method="post" name="test_form" style="position:relative;"> <div style="position:relative;"> <p><input type="radio" value="1" name="R" OnClick="java script:R1();" style="width:30px;position:relative;">Вариант1</p> <p><input type="radio" value="0" name="R" OnClick="java script:R2();" style="width:30px;position:relative;">Вариант2</p> <div style="position:relative;"> <div id="Scr1" class="hidden" > <select> <option>1</option> </select> <input type="radio" name="know_from" value="journal" style="width:30px;">1 <input type="radio" name="know_from" value="internet" style="width:30px;">2 <input type="radio" name="know_from" value="exhibition" style="width:30px;">3 <input type="radio" name="know_from" value="friends" style="width:30px;">4 <input type="radio" name="know_from" value="expartner" style="width:30px;">5<br> <p> <select> <option>1</option> </select> </p> </div> <div id="Scr2" class="hidden" > <input type="radio" name="know_from" value="journal" style="width:30px;">1 <input type="radio" name="know_from" value="internet" style="width:30px;">3 <p><select> <option>1</option> </select></p> <p><select> <option>1</option> </select></p> </div> </div> <div style="position:relative;"> <input type="submit" class="buttons" value="Записать" /> <input type="reset" class="buttons" value="Очистить" /> </div> </form> </div>

Сделал форму, в которой при выборе radio, открывается div. Но этот div накладывается на кнопки формы. Подскажите, где недоглядел. <div id="firstdiv"> <div id="Scr1" class="hidden" > 1ый блок спрятанный </div> <div id="Scr2" class="hidden" > 2ой блок спрятанный </div> </div> <input type="submit" class="buttons" value="Записать" /> <input type="reset" class="buttons" value="Очистить" /> #firstdiv {position:relative;} #Scr1 { position:absolute; } #Scr2 { position:absolute; }

Таблицей всмысле <table> или display:table ?

Либо так: либо так: Вторая лучше

Тоже самое, в плане того, что с inline-block, что без него... Я пока остановился на варианте: .menu ul { padding:0; margin:0 auto; width:650px; list-style-type: none; background:transparent none repeat scroll 0 0; } .menu ul li { position:relative; background:transparent none repeat scroll 0 0; display: inline-block; margin:0; padding:0; line-height:160%; color:#FFFFFF; } Насчёт проверки ширины с помощью js - спасибо за идею.

Попробывал display: inline-block для li. Всё тоже самое... Попробывал добавить width для ul, отцентровалось. Но это опять же грубо, а если будет меняться кол-во пунктов, будет перенос на 2ую строку?...

Оно? _ttp://www.alexilin.ru/cross-browser-inline-block/

Есть менюшка, которая в div'e: <div class="menu"> <ul> <li class="hide"> <a title="Первый пункт" href="/p">Первый пункт</a> </li> <li class="hide"> <a title="Второй пункт" href="/v">Второй пункт</a> </li> <li> <a title="Третий пункт" href="/t">Третий пункт</a> </li> <li class="hide"> <a title="четвертый пункт" href="/ch">четвертый пункт</a> </li> <li class="last"> <a title="пятый пункт" href="/p">Пятый пункт</a> </li> </ul> </div> </div> Её стиль: .menu { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#333333 none repeat scroll 0 0; height:40px; margin:0 auto; position:relative; width:1000px; } .menu ul { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; list-style-type:none; margin:0; padding:0; } .menu ul li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; color:#FFFFFF; display:block; float:left; line-height:160%; margin:0; padding:0; position:relative; } .menu ul li a, .menu ul li a:visited { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent none repeat scroll 0 0; border-right:1px dashed #666666; color:#999999; display:block; font-size:100%; line-height:160%; padding:10px 20px; text-align:center; text-decoration:none; text-transform:uppercase; } .menu ul li a:hover { color:#FFFFFF; } .menu ul li.active a { color:#FFFFFF; } Сейчас получается, что менюшка равняется и съезжает влево: Можно ли средствами css выравнять равномерно по всему div'у?

Нашел такую штучку: _ttp://greg-j.com/phpdl/ Но это только для вывода файлов на инглише

Подскажите, пожалуйста, как изменить внешний вид вывод директорий с помощью css...

Спасибо! Использовал html { height: 101%; } Кашерно, не кашерно... А людям не нравится.. Приходиться искать решение

Я понял, ты про пикселя скрола. А как решить эту проблему?

Мой. Большая ширина? 195+10+5(leftcolumn)+678(rightcolumn)

А... тьфу Я думал по горизонтали появляется скролл. Странно, но я не центровал... может просто надо задать выравнивание по левому краю?

Хм... начит контент меняет ширину div'a? Это на каком разрешении?

Есть страница, верстка div'ами. Шапка: #header { float:left; height:70px; margin:10px 0 5px; padding:10px; width:900px; } Левый div (с меню) #leftcolumn { float:left; margin:0 5px 5px 0; padding:10px; width:195px; } Правый блок(с контентом) #rightcolumn { color:#333333; display:inline; float:right; margin:0 0 5px; padding:10px; width:678px; } При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает. Сам сайт _ttp://www.devilbiss.ru

Может быть, эту задачу, вообще, реализовать через ul + css?

Сделал #single_block { margin: 15px 10px; width: 250px; float: left; display: inline-block; } а для IE6 в <head> <!--[if lte IE 6]> <style type="text/css" media="screen, tv, projection"> #single_block { margin: 15px 10px; width: 250px; float: left; display: inline; } </style> <![endif]--> Отражается вроде нормально, но в первом столбце иногда пропускает место. _ttp://www.devilbiss.ru/index.php?id=11