[]
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> </p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p> </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;
}
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> </p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p> </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)
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.
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> </p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p> </p>
</div>
</div>
<div style="clear:both;"></div>
<div id="footer">
<?php include('footer.php'); ?>
</div>
<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> </p>
<p>Özel Sağlık Hizmetleri <br />
<br />
<br />
</p>
<p> </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.
hocam dediğiniz kodu ekledim oldu çok teşekkür ediyorum.
- gramofon (14.12.12 20:24:07)
1