[]

html div sorunu

merhaba arkadaşlar sitenin içerik bölümünde aşağıdaki gibi divlerim var ic_sayfa_alan divi 1000 px genişliğinde 600 px uzunluğunda bunun içinde 2 tane yan yana div var. birincisi medikal_yan_menu divi sola dayalı 200 px genişlik uzunlukluk auto ve ikincisi ic_sayfa_icerik isimili 800px genişliğinde uzunluk auto


benim sorunum en dıştaki ic_sayfa_alan divinin uzunluk yani height:600px; ben bunu auto yapmak istiyorum ic_sayfa_icerik divine yazı foto girdikçe uzasın otomatik olsun istiyorum ama öyle yapınca alttaki footerla karışıyor bir acayip oluyor herşey bozuluyor mecburen uzunluk değeri vermek zorunda kalıyorum ama her sayfanın içerği farklı otomatik yapmam gerekiyor.

bu sorunu nasıl aşabilirim fikirlerinize yardımlarınıza ihtiyacım var.

teşekkür ediyorum.



<div id="ic_sayfa_alan">
<div id="medikal_yan_menu">
<ul>
<li><a href="#">MEDİKAL ÜRÜNLER</a></li>
<li><a href="#">HASTANE EKİPMANLARI</a></li>
<li><a href="#">TIBBİ CİHAZLAR</a></li>
<li><a href="#">GENEL SARF MALZEMELERİ</a> </li>
</ul>
</div>
<div id="ic_sayfa_icerik">
<p>&nbsp;</p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p>&nbsp;</p>
</div>
</div>

<div id="footer">
<?php include('footer.php'); ?>
</div>



CSS kodlarım

#ic_sayfa_alan {
height: 600px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF;
}
#ic_sayfa_icerik {
float: right;
height: auto;
width: 760px;
padding-right: 20px;
padding-left: 20px;
font-family: Arial;
font-size: 13px;
color: #000000;
}

#medikal_yan_menu {
float: left;
height: auto;
width: 200px;
font-family: Arial;
font-size: 14px;
font-weight: bold;
color: #333333;
background-image: url(_img/cizgi_4.png);
background-repeat: repeat-y;
padding-top: 20px;
}

 
yazdığın div'lere uyguladığın css'leri koymazsan soruna cevap bulamazsın


  • shift  (13.12.12 00:16:55) 
jsfiddle.net

şöyle değil mi -> jsfiddle.net

sorun nedir?
  • ocanal  (13.12.12 00:18:34 ~ 00:18:50) 
css leri ekledim.

aslında sorun yok gibi gözüküyor en dışta olan ic_sayfa_alan divi height: 600px; ama ben bunu height: auto; yapmam gerek ama öyle yapınca yapı bozuluyor.
  • gramofon  (13.12.12 00:38:05 ~ 14.12.12 21:51:42) 
footer div'den hemen önce şunlardan birini ekle,

<div style="clear:both;"></div>

veya

<br clear="both">


yani şöyle,

<div id="ic_sayfa_alan">
<div id="medikal_yan_menu">
<ul>
<li><a href="#">MEDİKAL ÜRÜNLER</a></li>
<li><a href="#">HASTANE EKİPMANLARI</a></li>
<li><a href="#">TIBBİ CİHAZLAR</a></li>
<li><a href="#">GENEL SARF MALZEMELERİ</a> </li>
</ul>
</div>
<div id="ic_sayfa_icerik">
<p>&nbsp;</p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p>&nbsp;</p>
</div>
</div>

<div style="clear:both;"></div>
<div id="footer">
<?php include('footer.php'); ?>
</div>
  • ocanal  (13.12.12 01:11:31 ~ 01:12:15) 
ocanal@

hocam dediğiniz kodu ekledim oldu çok teşekkür ediyorum.
  • gramofon  (14.12.12 20:24:07) 
1
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler angelus, Artibir, aychovsky, baba jo, basond, compumaster, deckard, duyulmasi gerektigi kadar, fader, fraise, groove salad, kahvegibi, kaymaktutmayansicaksut, kibritsuyu, monstro, pandispanya, robin, ron dennis
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır. Skimlinks ile linkler üzerinden yönlendirme payı alınmaktadır.