Как скрыть border у div, который не выводится на данной странице?

Question

[DoubleWish]

Собственно, border появляется в определенном div, но на других страницах div пустой, но border все равно есть и он делает объекту высоту (10px = border: 5px solid). Как его убрать, если div пустой?

Comments

[Антон]

Какая минимальная версия ие нужна?

[DoubleWish]

@Mew Желательно, конечно, совместимость со всеми браузерами, 7 думаю

Answer 1

[Антон]

var myDiv = $('.main-padding');

if (myDiv.text().trim().length === 0) {
    myDiv.css('border', 0);
}

Код нужно поместить либо после проблемного блока либо в Dom Ready ($(document).ready(function(){ тут код }))
Какие-то js-ошибки в консоле есть?

Comments

[DoubleWish]

я скорее всего сам какой-то кривой, но у меня он не сработал ;(

Answer 2

[Антон]

.myDiv:empty { border: 0 }
Только убедитесь, что там даже пробелов нет. Ие9+

Comments

[Антон]

В случае ие7-8 просто напишите скрипт, проверяющий на пустоту

[DoubleWish]

Не работает. Пробелов, ничего вообще точно нет.

[Антон]

Скорее всего есть либо пробел либо перенос. Выделите блок фаирбагом, нажмите 'редактировать html'. Действительно ли нет пробела?

[Антон]

Вот, смотрите пример jsfiddle.net/bp4yj/
Если есть пробел\перенос, то селектор не сработает. Также, возможно вы написали более слабый селектор, чем тот, который устанавливает бордер.

[DoubleWish]

@Mew а, ну да. Там же внутри около 10 div'ов

[Антон]

Тогда только скрипт

[DoubleWish]

@Mew приблизительно, что за скрипт, не подскажешь?

[Антон]

А можете указать, какая у вас там внутри структура пустых дивов?

Answer 3

[DoubleWish]

@Mew

<div class="main-padding clearfix">
		<div id="sp-maincol" class="clearfix">
		<div class="clr"></div>
		<div id="inner_content" class="clearfix" <div="">				
<div id="system-message-container">
</div>																		
<div class="blog-featured">
</div>
	</div>
		</div>
	<div class="clr"></div>
	</div>

Comments

[Антон]

Вот этот что то странное, в незакрытом теге тег.

[Антон]

В 4ой строке

[DoubleWish]

@Mew

<div class="main-padding clearfix">
		<div id="sp-maincol" class="clearfix">
		<div class="clr"></div>
		<div id="inner_content" class="clearfix">
          <div class="sp-inner clearfix">						
<div id="system-message-container">
</div>																				
<div class="blog-featured">
</div>
		</div>
	</div>
	<div class="clr"></div>
	</div>				<div id="headimg" class="headingimg">
		
		</div>
				</div>

руки))