|
|
|
| Вот тестовая страница http://www.arena.zp.ua/tst/
На ней 2 div и во втором div вставлен select - и он по разному отображается в IE в FireFox
В FireFox хорошо, а в IE внизу остается полоска.
Данные
<div id='firm' title='Список фирм'>
<form name='fr_Firm'>
<select name=sel1 size=10 style='width:300px; height:350px;' onchange="B(this)">
<script language="javascript"> AllUsr(); </script>
</select>
</form>
</div>
|
CSS
#firm{
position:absolute; /* static; relative; */
border-width:1px;
border-style:solid;
/*border-color:#06a; */
padding:0px;
top:150px;
left:510px;
width:300px;
height:350px;
/*color:#3399CC;*/
background-color:#669966;
overflow: hidden; /* auto; visible; scroll;*/
}
|
| |
|
|
|
|
|
|
|
для: Worldmen
(29.01.2008 в 10:50)
| | Вообще-то проблема с тегом <SELECT> есть не только в Эксплорере, но и в FireFox и в Opera, просто вы её не увидели из-за ваших дефолтных установок.
В общем, наименьшая размерность в HTML - эти пиксель, т.е. расстояния менее пикселя не бывает.
Высота объекта тега <SELECT SIZE="что-то"> рассчитывается так:
высота одного опшена * количество опшенов +
(высота top-бордера + высота bottom-бордера) +
2 пикселя на фокусные рамки (по одному пиксеклю для верхнего и нижнего опшенов)
|
В моём Эксплорере (где по дефолту для тега <SELECT> стоит размер шрифта 10pt), да и в вашем, как я понял, высота начального вашего <SELECT> равна: 16px * 21 + 2 + 2+ 2 = 342px
А вы принудительно пишете в стиле для <SELECT> height: 350px.
Т.е. заставляете браузер 8 лишних пикселов "распределить" между 21-им опшенами.
А оно - НИКАК, ибо пиксель - НЕДЕЛИМ.
Совет:
1. В стилях пропишите select {font-size: 10pt; font-family: 'MS Sans Serif'}
2. Высоту <DIV>, <FORM>, <SELECT> установите 342px - тогда везде будет чики-чики | |
|
|
|
|
|
|
|
для: CNT
(29.01.2008 в 16:01)
| | Спасибо, я даже не знал такого. | |
|
|
|
|
|
|
|
для: Worldmen
(29.01.2008 в 17:47)
| | Дык и я не знал.
Прочитал ваш вопрос, написал в одну строку два одинаковых селекта с тремя опшенами и стал первому разные height давать. Вот и выявил закономерность развития.
Т.е. исключительно "научный подход" - "методом тыка":-)
<html>
<head>
<style>input {width: 50px}</style>
<script>
var H;
onload = function f () {document.getElementById ('inf').value = H = document.getElementById ('first').offsetHeight}
</script>
</head>
<body>
<input type="button" onclick="document.getElementById ('first').style.height = ++H; document.getElementById ('inf').value = H" value="+">
<input id="inf">
<input type="button" onclick="document.getElementById ('first').style.height = --H; document.getElementById ('inf').value = H" value="-">
<hr>
<select id="first" size="3" style="width: 100px">
<option>1
<option>1
<option>1
</select>
<select id="second" size="3" style="width: 100px">
<option>1
<option>1
<option>1
</select>
<hr>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: CNT
(29.01.2008 в 19:13)
| | А чо это за понятие "опшенами" я нигде его не встречал. Можно о нем гдето почитать? | |
|
|
|
|
|
|
|
для: Worldmen
(30.01.2008 в 12:44)
| | Внутри тега <select> есть теги <option>, кои по-русски звучат как "опшен" :-) | |
|
|
|