проблема с float только в ie 2 слоя + javascript

[mustang]

Добрый день!

вся конструкция здесь: _http://007.su

Мучаю здесь табы. в опере и файерфоксе флоатится все нормально, а в эксплоере нормально флоатятся только последние 2 таба, а первые 2 таба (их содержимое) не флоатится почему то.

Помогите пожалуйста или хотя бы намекните, в какую сторону копать

и еще в эксплоере почему-то табы активируются только если навести на сам текст (он в спане), в других браузерах все правильно работает - если навести на сам таб

Edited June 10, 2009 by mustang

[psywalker]

какие табы ты имеешь ввиду? я смотрел всё в ие и везде, вроде бы всё везде одинаково

[mustang]

да все-таки разобрался, это из-за контента было теперь вот пытаюсь каждому окошку где контент для каждого таба сделать свой фон - не хочет что-то. пишу просто #twoj_fragment1-1 .twoj_tab_content {background: #000000;} или так #twoj_fragment1-1 {background: #000000;} - где подвох не вижу пока

[psywalker]

  Quote

да все-таки разобрался, это из-за контента было sad.gif теперь вот пытаюсь каждому окошку где контент для каждого таба сделать свой фон - не хочет что-то. пишу просто #twoj_fragment1-1 .twoj_tab_content {background: #000000;} или так #twoj_fragment1-1 {background: #000000;} - где подвох не вижу пока sad.gif

друг, я возможно смогу тебе помочь, если ты мне ответишь на вопросы:

1) Какие "Табы" ты имеешь ввиду, что это такое у тебя?

2) Покажи мне полностью свой код, который относится к этим Табам, как ты к ним хочешь подключить Фон, я хочу посмотреть Html и CSS, который относится к ним

[sandro-css]

Если это про те табы, что в верхнем левом углу, то они там вообще не флоатятся нигде.

[mustang]

  psywalker said:

друг, я возможно смогу тебе помочь, если ты мне ответишь на вопросы:

1) Какие "Табы" ты имеешь ввиду, что это такое у тебя?

2) Покажи мне полностью свой код, который относится к этим Табам, как ты к ним хочешь подключить Фон, я хочу посмотреть Html и CSS, который относится к ним

привет

1) табы - это менюшки слева вверху, а содержимое табов, контент тобиш - справа от них.

2) ну весь код виден здесь _http://007.su или еще сюда код копирнуть?

я разобрался со всеми проблемами эксплоера (флоаты фоны итд) осталось только 2 проблемы - в последнем 3 блоке (наведите на последний таб) под черным фоном в ИЕ белая полоса. откуда она берется и как сней бороться?

ну и вторая проблма display: block во всех браузерах работает - т.е. активировать таб можно наведением на любую часть таба, а в ИЕ только на саму ссылку

<li class="twoj_li_top-2"><a href="#twoj_fragment1-2" ><span >YJMS2.0</span></a></li>

.ui-tabs-nav a, 
.ui-tabs-nav a span{ 
	text-decoration: none !important;
	display: block;

}

такое ощущение что осел не понимает .ui-tabs-nav - это из яваскрипта берется

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

....да, вторая гипотеза оказалась права: присобачил такую конструкцию:

* html .ui-tabs-nav a{
	width: 98%;
}

и заработало, однако мне кажется это не очень элегантное решение

вобщем остается проблема с белой полосой

Edited June 11, 2009 by mustang

[mustang]

вобщем я думаю источник белой полосы ясен, но как избавиться от нее я пока не понимаю

у меня такая конструкция:

<div id="twoj_container-1"  class="twoj_tabs_class10 twoj_orient_top"  >

	<ul class="twoj_tablink"  style=""  >
		<li  style=""  class="twoj_li_top-1"><a href="#twoj_fragment1-1" ><span >Multimedia Box 2.0</span></a></li>
		<li  style=""  class="twoj_li_top-2"><a href="#twoj_fragment1-2" ><span >YJMS2.0</span></a></li>
		<li  style=""  class="twoj_li_top-3"><a href="#twoj_fragment1-3" ><span >Typography</span></a></li>
	</ul>

	<div class="slider">

		<div id="twoj_fragment1-1" class="twoj_tab_content" >
			<table class="contentpaneopen">
				контент1
			</table>
			<div class="twoj_clr"></div>
		</div>

		<div id="twoj_fragment1-2" class="twoj_tab_content"  style="display: none;" >
			<table class="contentpaneopen">
				контент2
			</table>
			<div class="twoj_clr"></div>
		</div>

		<div id="twoj_fragment1-3" class="twoj_tab_content"  style="display: none;" >
			<table class="contentpaneopen">
				контент3
			</table>
			<div class="twoj_clr"></div>
		</div>

	</div>

</div>

фон таблиц черный, соответственно белая полоса - это <div class="twoj_clr"></div>

у этого дива стиль такой

.twoj_clr{ width: 0; height: 0; clear: both; }

т.е. высота прописана 0, но все равно в осле полоса есть. проблема имхо похоже на стандартную, но я не помню как с ней бороться и на форумах пока не могу найти хелп плиз

[mustang]

помогло .twoj_clr{ width: 0; height: 0; overflow: hidden; clear: both; } не знаю правильно ли это?