Flash oyun teması yapıyorum. Kategori kısmım var bide oyun içerik kısmım var. Bu kısımları ayrı div id içinde aldım. Baktımki içerik kısmım tarayıcıyı küçültünce kayıyor. Sonra bu kısımları ortakisim adında başka bir div id içinde alıp ordan düzeltmeyi denedim ama olmadı. Kodlarımı verim :
Html :
<div id="ortakisim">
<div id="oyunkategori">
<div class="oyunkategori_baslik"><h2><i class="fa fa-folder-open"></i> Oyun Kategori</h2></div>
<ul>
<li><a href="#">2 Kişilik Oyunlar</a></li>
<li><a href="#">3D Oyunlar</a></li>
<li><a href="#">Araba Oyunları</a></li>
<li><a href="#">Beceri Oyunları</a></li>
<li><a href="#">Boyama Oyunları</a></li>
<li><a href="#">Dövüş Oyunları</a></li>
<li><a href="#">Futbol Oyunları</a></li>
<li><a href="#">Giydirme Oyunları</a></li>
<li><a href="#">Komik Oyunlar</a></li>
<li><a href="#">Macera Oyunları</a></li>
<li><a href="#">Mario Oyunları</a></li>
<li><a href="#">Motor Oyunları</a></li>
<li><a href="#">Nişan Oyunları</a></li>
<li><a href="#">Savaş Oyunları</a></li>
<li><a href="#">Spor Oyunları</a></li>
<li><a href="#">Strateji Oyunları</a></li>
<li><a href="#">Yemek Oyunları</a></li>
<li><a href="#">Yetenek Oyunları</a></li>
<li><a href="#">Zeka Oyunları</a></li>
</ul>
</div>
<div id="yenioyunlar">
<div class="yenioyunlar_baslik"><h2><i class="fa fa-gamepad"></i> Yeni Oyunlar</h2></div>
<div class="yenioyunlar_icerik">
<ul>
<li>
<a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/kurtarici-siyah-top.jpg" />
<span class="yenioyun"></span>
<h4>Kurtarıcı Siyah Top</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/trafik-sorunu.jpg" />
<h4>Trafik Sorunu</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/ninja-tilki.jpg" />
<h4>Ninja Tilki</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/kungfu-ustasi.jpg" />
<h4>KungFu Ustası</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/tekme-tokat-dovus.jpg" />
<h4>Tekme Tokat Dövüş</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/tekken-dovus.jpg" />
<h4>Tekken Dövüş</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/cop-adam-karanlik-dovus.jpg" />
<h4>Çöp Adam</h4>
</a></li>
<li><a href="#"><img width="132" height="92" src="http://www.karizmaoyun.net/oyunlar/nisanci-mario.jpg" />
<h4>Nişancı Mario</h4>
</a></li>
</ul>
</div>
</div>
</div>Css kodlarım :
#ortakisim {
width : 900px;
}
#oyunkategori {
float: left;
font-family: 'Oswald', sans-serif;
background-image:url('../images/bg-arkaplan.png');
width: 200px;
border: 1px solid silver;
margin-left: 80px;
margin-top: 15px;
}
#oyunkategori li {
border-bottom: 1px solid silver;
height: 22px;
padding-top: 6px;
}
#oyunkategori li a {
text-decoration: none;
color : rgb(90, 90, 90);
font-size: 13px;
}
.oyunkategori_baslik {
border-bottom: 1px solid silver;
height: 30px;
background-image: url('../images/bg-arkaplan.png');
background-color: #E6E6E6;
}
.oyunkategori_baslik h2 {
color: rgb(90, 90, 90);
float: left;
padding-top: 7px;
padding-left: 12px;
font-size: 15px;
}
#yenioyunlar {
border: 1px solid silver;
float: right;
width: 72%;
margin-top: 15px;
height: 500px;
margin-right: 53px;
}
.yenioyunlar_baslik {
font-family: 'Oswald', sans-serif;
border-bottom: 1px solid silver;
height: 6%;
background-image: url('../images/bg-arkaplan.png');
background-color: #E6E6E6;
}
.yenioyunlar_baslik h2 {
padding-top: 6px;
float: left;
padding-left: 15px;
font-size: 15px;
color: rgb(90, 90, 90);
}
.yenioyunlar_icerik {
margin-top: 10px;
}
.yenioyunlar_icerik li{
float: left;
margin-left: 17px;
}
.yenioyunlar_icerik h4 {
font-family: 'Oswald', sans-serif;
height: 25px;
border: 1px solid silver;
margin-bottom: 10px;
font-size: 12px;
padding-top: 8px;
color: rgb(90, 90, 90);
width: 99%;
} 