Tab Menu Sorunu

Aslında sorun tabmenu de değil. Tarayıcılardan kaynaklanan bi sorun söz konusu.


Mozilla Firefox Tarayıcıda denediğim zaman, açtığım tab menu resimde görüldüğü gibi sayfanın üstünden devam ediyor. Yani sayfayı aşağı doğru büyütmüyor.



Fakat benim istediğim gibi olan ise İE'de. Yani tab menu ye bastığım zaman tab'ı açarak sayfayı aşağı doğru uzatıyor.



Sayfayı Xhtml düzende kodlamaya çalışıyorum. Tab menünun olduğu kısımın bulunduğu CSS kodlarınıda yazayım;

#bg {
    background: #dadada;
    font: bold 11px Tahoma;
    width:900px;
    height: 350px;
}
#orta {
    width: 548px;
    font: bold 11px Tahoma;
    margin-left: 10px;
    padding-left: 2px;
    float:left;
}

#bg bölümünde height özelliğini auto; olarakda belirledim ama yine aynısı oluyor. Bir türlü çözemedim. anlayan yada tavsiyesi olan arkadaşlar yardım edebilir mi ?

Oncelikle tab menuyu bir div içerisinde tutuyormusunuz?

ornegın

<div class="sayfa-orta">
<div class="tab-menu">menu kodları</div>
</div>

normalde verdiginiz bu kodlarda heigth degerini auto yapınca ıstedıgınızın olması gerekıyor ama olmadıgını soylemıssınız.
eger bu sekilde tab menuyu baska bır katman ıcerısınde tutuyorsanız o katmanın height degerinide auto vermenız gerekıyor.Birde onu kontrol edip denermisiniz.

  <div id="bg">
    <div id="sol">SOL</div>
    <div id="orta">
      <div id="tabs">tab kodları</div>
    </div>
    <div id="sag">SAG</div>
  </div>

Bu şekilde kodlar...

#bg nin height degerini auto yapıp denermisiniz birde

height:auto;

#bg nin denedim, #orta nın denedim, aynı zamanda ikisini birden de denedim fakat yine aynı. Sinir oluyorum bu tarayıcı farklarına ya :@

Sitenizin arkaplan tagındaki kodlarını yazarmısınız buraya..
Birde
bu koduda kullanmayı deneyin..

body {
	margin-left: 6%;
	background-color: #666666;

}
#header {
	background: url(../images/header/header_bg.png);
	width: 900px;
	/* Orjinal height: 150px; */
	height: 120px;
}
#bg {
	background: #dadada;
	font: bold 11px Tahoma;
	width:900px;
	height: 350px;
}
#footer {
	background: url(../images/footer/footer_bg.png);
	width:900px;
	height:97px;
}
#sol {
	width: 150px;
	height: 50px;
	color:#666666;
	font: bold 11px Tahoma;
	margin-left: 7px;
	float:left;
}
#orta {
	width: 548px;
	height: auto;
	color:#666666;
	font: bold 11px Tahoma;
	margin-left: 10px;
	padding-left: 2px;
	float:left;
}
#sag {
	width: 148px;
	height: 50px;
	color:#666666;
	font: bold 11px Tahoma;
	margin-left: 10px;
	padding-left: 2px;
	float: left;
}

bunlar css kodlarım.

<div id=\"bg\">";
	$tema->ustmenu();	
	echo "
	<div id=\"orta\">
		<div id=\"cs\">
		<div id=\"cstabhead\">burakdemirtas</div>
			<ul class=\"cstabs\">
				<li><a class=\"1\" onclick=\"tabslide(1,'1');\">Son Yazılar</a></li>
				<li><a class=\"2\" onclick=\"tabslide(2,'1');\">Haberler</a></li>
				<li><a class=\"3\" onclick=\"tabslide(3,'1');\">Dersler</a></li>
				<li><a class=\"4\" onclick=\"tabslide(4,'1');\">Forum'dan</a></li>
			</ul>
		<div class=\"tab-content\">
			<div class=\"tab\" id=\"1\">
				BuKiDesign<br />BuKiDesign<br />BuKiDesign<br />BuKiDesign<br />BuKiDesign<br />
			</div>
			<div class=\"tab\" id=\"2\">
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
				Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />Tab2 nin içeriği<br />
			</div>
			<div class=\"tab\" id=\"3\">
				Tab3 ün içeriği<br />Tab3 ün içeriği<br />Tab3 ün içeriği<br />Tab3 ün içeriği<br />
			</div>
			<div class=\"tab\" id=\"4\">
				Tab4 ün içeriği<br />Tab4 ün içeriği<br />Tab4 ün içeriği<br />Tab4 ün içeriği<br />
			</div>
		</div>
		</div>
		<hr />
		&raquo; Örnek Makale
	</div>
<br />
</div>";

Bu da kaynak Kodlarım.

Tab Kısmında jQuery Kodlama Mevcut onuda söyleyim.
Ayrıca clear:both; u önceden denedim. Hatta ilk denediğim şeydi ama sonuç yok. İE'de sağlam FF de yok :S