Имам следното разминаване ...

T

tuizzl

Registered
Имам следното разминаване ето и кода
<div id="hobi">
<h2>Хоби</h2>
<div id="zaedno">
<p>
Като всяка нормална ....
</p>
</div>
<div id="hob">
<p>
През по-голямата част от ...
</p>
</div>
<div id="agatha">
<a href="#" ><img class="ri" src="images/300.jpg" width="80" height="100" alt="300" title="300" /></a>
<p>
За мен мога да кажа...
</p>
<a href="#" ><img class="le" src="images/agatha.jpg" width="80" height="100" alt="Agatha" title="Agatha" />
</a>
</div>
</div>

CSS


#leftdownbox .single_content #hobi { width: 510px; height: auto; float: left; }

#leftdownbox .single_content #hobi #zaedno { width: 509px; height: auto; float: left; background: url(../images/hobi.jpg) no-repeat; }

#leftdownbox .single_content #hobi #zaedno p { width: 255px; float: right; line-height: 14px;}

#leftdownbox .single_content #hobi #hob { width: 509px; height: auto; float: left; background: url(../images/parkbridge.jpg) no-repeat top right; }

#leftdownbox .single_content #hobi #hob p { width: 255px; float: left; line-height: 14px;}

#leftdownbox .single_content #hobi #agatha { width: 509px; height: auto; float: left; margin-top: 10px;}

#leftdownbox .single_content #hobi #agatha p { width: 330px; text-align: justify; line-height: 14px; float: left; padding: 0 0 0 10px;}

#leftdownbox .single_content #hobi #agatha img.le { float: right; }

#leftdownbox .single_content #hobi #agatha img.ri { float: left }

u така проблема ми е следния при всички браузери е ок само при IE6 не
ми се увеличава height на <div id="hobi"> стои малко по-нагоре
дайте идея от какво може да е ....
какво да напрвя че и под IE6 да си върви със същите размери както при другите браузери ???
 
Код: 
<div id="hobi">
		<h2>Хоби</h2>
		<div id="zaedno">
			<p>
			Като всяка нормална ....
			</p>
		</div>
		<div id="hob">
			<p>През по-голямата част от ...	</p>
		</div>
		<div id="agatha">
			<a href="#" ><img class="ri" src="images/300.jpg" width="80" height="100" alt="300" title="300" /></a>
			<p>За мен мога да кажа...</p>
			<a href="#" ><img class="le" src="images/agatha.jpg" width="80" height="100" alt="Agatha" title="Agatha" /></a>
		</div>
		<div style="clear:both;"></div>
	</div>

Така работи ли ти?
 
е даите поне някоя идея не се знае може да е решение на проблема
никои ли няма в тоя форум ?????????
 
хехе то си работи но имам разтоянието е по-малко в ИЕ6
Ето и малко по-подробен код:

#container { border: 1px solid #ff0; width: 1460px; height: 1000px; margin: 0 ; padding: 0; }

#container #leftdownbox { float: left; width: 552px; height: 514px; }

.con {width: 550px; height: 450px; margin: 0 auto;}

#leftdownbox .single_content #hobi { width: 510px; height: auto; float: left; }

#leftdownbox .single_content #hobi #zaedno { width: 509px; height: auto; float: left; background: url(../images/hobi.jpg) no-repeat; }

#leftdownbox .single_content #hobi #zaedno p { width: 255px; float: right; line-height: 14px;}

#leftdownbox .single_content #hobi #hob { width: 509px; height: auto; float: left; background: url(../images/parkbridge.jpg) no-repeat top right; }

#leftdownbox .single_content #hobi #hob p { width: 255px; float: left; line-height: 14px;}

#leftdownbox .single_content #hobi #agatha { width: 509px; height: auto; float: left; margin-top: 10px;}

#leftdownbox .single_content #hobi #agatha p { width: 330px; text-align: justify; line-height: 14px; float: left; padding: 0 0 0 10px;}

#leftdownbox .single_content #hobi #agatha img.le { float: right; }

#leftdownbox .single_content #hobi #agatha img.ri { float: left }

.single_content е зададено в скрипта да скрива отделните табове смисъл ето и скрипта
$(document).ready(function() {
//Action
$('.single_content').hide(); //Скриваме всички елементи които имат клас "single_content"
$('.navi li:first').addClass('active');//добавяме клас "active" на първият елемент "li", който се намира в елемент с клас "navi"
$('.single_content:first').show();//показваме първият елемент с клас "single_content"

//On Click Event
$('.navi li').click(function() {
$('.navi li').removeClass('active');//премахва клас "active" на всички елементи "li", който се намират в елемент с клас "navi"
$(this).addClass('active');//добавя клас "active" елемента активирания елемент
$('.single_content').hide();//Скрива всички елементи които имат клас "single_content"
var activeTab = $(this).find('a').attr('href');
$(activeTab).fadeIn(500);//показва елемента с ефект "fadeIn" за 500 мили секунди
});
});

HTML

<div id="leftdownbox">
<div class="con">
<div id="tab_content_4" class="single_content">
<div id="hobi">
<h2>Хоби</h2>
<div id="zaedno">
<p>
Като всяка нормална ....
</p>
</div>
<div id="hob">
<p>
През по-голямата част от ...
</p>
</div>
<div id="agatha">
<a href="#" ><img class="ri" src="images/300.jpg" width="80" height="100" alt="300" title="300" /></a>
<p>
За мен мога да кажа...
</p>
<a href="#" ><img class="le" src="images/agatha.jpg" width="80" height="100" alt="Agatha" title="Agatha" />
</a>
</div>
</div>
</div>
</div>

дори и само при ИЕ не се визуалириза правилно самия div hobi е се разтяга с по-малко px
 
Постави един доктайп най-отгоре на страницата ако нямаш и би трябвало да се оправи.
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

това ми е DOCTYPE мисля че е ОК? от нещо друго е..
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе