Текст вылезает из div-a в ie7

[romashkin]

Собственно столкнулся со сложностью при верстке для IE.

заголовки (заключенные в дивы) вылазят наружу в IE. с остальными браузерами проблемы нет. Бился бился - ничего не добился.

кусок кода отвечающий за заголовки:

ХТМЛ:

<div id="mainmodules3" class="spacer w33">


						<div class="block first" style="width: 230px">

								<div class="hilite1">
		<div class="sidemod">

						<div class="sidemod-title">
				<h3 class="side">Автошкола</h3>
			</div>
						<div class="module">

<!-- START 'Display News by BK 1.5.10' -->


<div class='contentpaneopenhilite1'>
	<div  ><span class='contentpaneopenhilite1'><p style="margin-bottom: 1em" class="gzt_intro">В Германии подведены итоги ежегодного конкурса<span class="sla"> </span><span class="la">«</span>Двигатель года». Второй год подряд в нем победил<span class="sla"> </span><span class="la">«</span>двухнаддувный» мотор Volkswagen 1,4 TSI. Победитель прошлых лет компания BMW получила призы в трех номинациях. </p><div class="small" align="left" style="margin-top: 10px; clear:both;">

 </div>
</span><span class='readonhilite1'><a href='/index.php/pro-/10-2010-07-06-16-55-23' class='readonhilite1' >Подробнее...</a></span></div>

</div>
<!-- END module 'Display News by BK 1.5.10' -->
			</div>
		</div>
	</div>


						</div>



						<div class="block middle" style="width: 230px">

								<div class="">
		<div class="sidemod">
						<div class="sidemod-title">
				<h3 class="side">Советуют специалисты</h3>
			</div>
						<div class="module">

<!-- START 'Display News by BK 1.5.10' -->


<div class='contentpaneopen'>
	<div  ><span class='contentpaneopen'><p style="margin-bottom: 1em" class="gzt_intro">В Германии подведены итоги ежегодного конкурса<span class="sla"> </span><span class="la">«</span>Двигатель года». Второй год подряд в нем победил<span class="sla"> </span><span class="la">«</span>двухнаддувный» мотор Volkswagen 1,4 TSI. Победитель прошлых лет компания BMW получила призы в трех номинациях. </p><div class="small" align="left" style="margin-top: 10px; clear:both;">
 </div>
</span><span class='readon'><a href='/index.php/pro-/2010-07-06-16-07-26/11-2010-07-06-16-55-47' class='readon' >Подробнее...</a></span></div>

</div>

<!-- END module 'Display News by BK 1.5.10' -->
			</div>
		</div>
	</div>


						</div>



						<div class="block last" style="width: 230px">

								<div class="">
		<div class="sidemod">

						<div class="sidemod-title">
				<h3 class="side">Шпаргалка автомобилиста</h3>
			</div>
						<div class="module">

CSS

/* Side Column Modules */

h3.side {margin: 0;}
.sidemod-title {padding: 0 0 2px 2px; }
.sidemod h3, .search-results-full h3 {padding: 0 0 5px 10px;}
.sidemod .module {margin-bottom: 20px;padding: 10px;}

CSS

/* Side Column Modules */

.sidemod-title {border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.sidemod h3, .search-results-full h3 {background: url(../images/light/sidemod-h3.png) 0 100% no-repeat;}

скриншоты

правильное отображение

Кривое отображение в IE

Думаю что что-то связано с overflow (ранее он задан как hidden) - однако проблема только в эксплорере.

Edited August 25, 2010 by romashkin

[swetlana]

Вопрос номер раз: зачем заголовки заворачивать в дивы?

Вопрос номер два: не могли бы Вы дать ссылочку на сайт, на котором такое безобразие творится? Сами понимаете, чтобы понять, что к чему, надо посмотреть на полную картину веб-инспектором или хотя бы файербагом.

[romashkin]

сайт пока в стадии разработки потому прошу не судить строго

http://www.kd-drive.ru

Заголовки выводтся в модулях. модуль взят по умолчанию

сайт на джумле

Edited August 25, 2010 by romashkin

[swetlana]

Разбираться с работой MooTools как-то уже лениво, но дело в функции RokBuildSpans().

Если её убрать, то всё нормально.

Кстати, не совсем понимаю её назначения.

[romashkin]

Смысл в формировании стиля заголовков. Да, действительно помогло когда убрал. Так даже лучше стало выглядеть все.

В плане повышения своего уровня образованности хотелось бы знать каким образом был выявлен данный баг

[swetlana]

да относительно просто:

Веб-инспектором выявлено, какие стили применяются к данному элементу.

В стилях css не обнаружено никакого криминала.

Тогда значит предполагаем, что есть какой-то чрезмерно мудрый яваскрипт.

Отключаем по очереди скрипты (коих там неприлично много), и смотрим. На один из них вышла нужная реакция.

По тексту скрипта предположено, что значимость его сомнительна.

И ещё был момент:

Убираю я <span> из заголовка, а первое слово остаётся красным. А дело было среди ночи после тяжёлого трудового дня.

Я уж готова была поверить в мистику

[romashkin]

непонятно только почему в IE это вызвало проблему.. Вроде ничего такого уж.