Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Разное отображение select в div
 
 автор: Worldmen   (29.01.2008 в 10:50)   письмо автору
 
 

Вот тестовая страница 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;*/
 } 

   
 
 автор: CNT   (29.01.2008 в 16:01)   письмо автору
 
   для: 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 - тогда везде будет чики-чики

   
 
 автор: Worldmen   (29.01.2008 в 17:47)   письмо автору
 
   для: CNT   (29.01.2008 в 16:01)
 

Спасибо, я даже не знал такого.

   
 
 автор: CNT   (29.01.2008 в 19:13)   письмо автору
 
   для: 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>

   
 
 автор: Worldmen   (30.01.2008 в 12:44)   письмо автору
 
   для: CNT   (29.01.2008 в 19:13)
 

А чо это за понятие "опшенами" я нигде его не встречал. Можно о нем гдето почитать?

   
 
 автор: CNT   (30.01.2008 в 12:58)   письмо автору
 
   для: Worldmen   (30.01.2008 в 12:44)
 

Внутри тега <select> есть теги <option>, кои по-русски звучат как "опшен" :-)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования