Javascript-форум - Показать сообщение отдельно

displayser · #1 (**permalink**) 14.12.2011, 15:27

Добрый день (вечер)
Есть отчет в СЭД он формирует вот такую картинку

как видно - при нажатии на "+" вываливается список и накладывается на ниже расположенное "меню". Это происходит в Chrome и Firefoxe. В IE все норм.
Подскажите что можно подправить чтобы все было красиво во всех браузерах.
Вот код:

Код:

<html>
<head>
<style>
<!--
H1 {TEXT-ALIGN: center; FONT-SIZE: 170%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H2 {FONT-SIZE: 130%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H3 {FONT-SIZE: 90%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial}
H4 {PADDING-RIGHT: 83pt; FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Helvetica, Arial; TEXT-ALIGN: left}
H5 {FONT-WEIGHT: normal; FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}  
P {FONT-SIZE: 83%; MARGIN: 6pt 10pt 3pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial; TEXT-ALIGN: justify}
TD {FONT-SIZE: 83%; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}
TABLE {BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
TH {FONT-SIZE: 83%; FONT-WEIGHT: bold; TEXT-ALIGN: center; MARGIN-LEFT: 10pt; MARGIN-RIGHT: 10pt; FONT-FAMILY: Tahoma, Verdana, Helvetica, Arial}
-->
</style>

<script>
function OpenTree(el) {
  if (document.all[el]!=null) {
    if (document.all[el].style.overflow == "visible") {
      document.all[el].style.overflow = "hidden";
      document.all[el + "pic"].innerText = '[+]';
    }  
    else {
      document.all[el].style.overflow = "visible";
      document.all[el + "pic"].innerText = '[-]';
    }
  }
}
</script>

</head>
<body>
<h1>Сводка по организации <a href="http://exchange/reference.asp?sys=directum&CompCode=ОРГ&ID=111277">Балтийские Офисные Технологии, ООО</a> ()</h1>
<h2 style='cursor:hand' onclick='OpenTree("ID_1")'>
<span id='ID_1pic'>[+]</span>&nbsp;Координаты
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_1'>
<p>Адрес: 236010 РОССИЯ, Калининградская обл, Калининград г, проспект Мира, дом 136, к.319</p>
<h3> &nbsp;Контактные лица организаций </h3>
</div>
<h2 style='cursor:hand' onclick='OpenTree("ID_4")'>
  <span id='ID_4pic'>[+]</span>&nbsp;Контакты с организацией
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_4'>
</div>
<h2 style='cursor:hand' onclick='OpenTree("ID_5")'>
  <span id='ID_5pic'>[+]</span>&nbsp;Участия в маркетинговых мероприятиях
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_5'>
</div> 
<h2 style='cursor:hand' onclick='OpenTree("ID_6")'>
<span id='ID_6pic'>[+]</span>&nbsp;Рассылки по электронной почте
</h2>
<div style='padding-left: 1cm; overflow:hidden; height:1px' id='ID_6'>
</div>
</body>
</html>

java только начинаю изучать так что заранее признателен за любую помощь.