Float Uygulanmış Elementleri Tam Kapsayamama Sorunu yazısına yapılan yorumlar http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/ { CSS, HTML ve Javascript } Tue, 16 Mar 2010 08:33:36 +0000 http://wordpress.org/?v=2010 hourly 1 GncArt tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-9019 GncArt Mon, 22 Feb 2010 10:08:08 +0000 http://www.fatihhayrioglu.com/?p=373#comment-9019 Teşekkürler hocam.. Teşekkürler hocam..

]]> fatihhayri tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-9018 fatihhayri Mon, 22 Feb 2010 10:00:36 +0000 http://www.fatihhayrioglu.com/?p=373#comment-9018 Sizin söylediğiniz gibi yaptığımızda kodumuz içinde anlamsız ve gerksiz kod eklemiş oluyoruz ve bu sorun ile karşılaştığımız her yerde bu kodları eklemek durumundayız. <a href="http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu-ipuclari/" target="_blank"><a href="http://www.fatihhayrioglu.com/float-uygulanmis-el...</a>" target="_blank">http://www.fatihhayrioglu.com/float-uygulanmis-el...</a></a> burada da bahsettiğim gibi css kodumunuz başına bu kodu bir kere yazıp tüm uygulamamızda sadece sınıf tanımı ile isteidğimiz kadar kullanabiliriz. Sizin söylediğiniz gibi yaptığımızda kodumuz içinde anlamsız ve gerksiz kod eklemiş oluyoruz ve bu sorun ile karşılaştığımız her yerde bu kodları eklemek durumundayız. http://www.fatihhayrioglu.com/float-uygulanmis-el... burada da bahsettiğim gibi css kodumunuz başına bu kodu bir kere yazıp tüm uygulamamızda sadece sınıf tanımı ile isteidğimiz kadar kullanabiliriz.

]]> GncArt tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-9016 GncArt Mon, 22 Feb 2010 09:46:59 +0000 http://www.fatihhayrioglu.com/?p=373#comment-9016 Referans olması bakımından bu konuyu inceleyebilirsiniz.. <a href="http://www.egemenkapusuz.com/2010/01/css-float-ve-clear-kullanm.html" target="_blank">http://www.egemenkapusuz.com/2010/01/css-float-ve...</a> Referans olması bakımından bu konuyu inceleyebilirsiniz..
http://www.egemenkapusuz.com/2010/01/css-float-ve...

]]> GncArt tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-9017 GncArt Mon, 22 Feb 2010 09:46:09 +0000 http://www.fatihhayrioglu.com/?p=373#comment-9017 Hocam bu sorunun çözümünü güzel anlatmışsınız. Fakat bana sanki uzun geldi çözümü.Onun için biraz araştırma yaptım ve şu sonuca ulaştım.. Öncelikle 2 tane sınıf oluşturuyoruz: .temizle-sol { clear:left;} .temizle-sag { clear:right;} olmak üzere.. HTML : <div class="anadiv"> <div class="sol-taraf"> burası sol div </div> <div class="sidebar"> burası sidebar </div> </div> Ardından en son divlerin sonuna belirlediğimiz clear sınıflarını taşıyan 2 tane div açtık. <div class="anadiv"> <div class="sol-taraf"> burası sol div </div> <div class="sidebar"> burası sidebar </div> <div class="temizle-sol"></div> <div class="temizle-sag"></div> </div> Ve sorun çözülmüş oldu.Artık anadiv içindeki hangi div yüksekliği büyükse anadiv de ona göre büyüyor.Şahsen ben denedim ve tam istedğim gibi oldu.Sizin düşüncelerinizi merak ediyorum. Hocam bu sorunun çözümünü güzel anlatmışsınız. Fakat bana sanki uzun geldi çözümü.Onun için biraz araştırma yaptım ve şu sonuca ulaştım..
Öncelikle 2 tane sınıf oluşturuyoruz:

.temizle-sol {
clear:left;}
.temizle-sag {
clear:right;} olmak üzere..

HTML :
<div class="anadiv">
<div class="sol-taraf"> burası sol div </div>
<div class="sidebar"> burası sidebar </div>
</div>

Ardından en son divlerin sonuna belirlediğimiz clear sınıflarını taşıyan 2 tane div açtık.

<div class="anadiv">
<div class="sol-taraf"> burası sol div </div>
<div class="sidebar"> burası sidebar </div>
<div class="temizle-sol"></div>
<div class="temizle-sag"></div>
</div>

Ve sorun çözülmüş oldu.Artık anadiv içindeki hangi div yüksekliği büyükse
anadiv de ona göre büyüyor.Şahsen ben denedim ve tam istedğim gibi oldu.Sizin düşüncelerinizi merak ediyorum.

]]> GncArt tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-9015 GncArt Mon, 22 Feb 2010 09:09:49 +0000 http://www.fatihhayrioglu.com/?p=373#comment-9015 Çok teşekkürler Fatih Hocam... Çok teşekkürler Fatih Hocam…

]]> Css ile Tab (Sarkan) Menü Hazırlama | paylascan.org tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-4/#comment-7701 Css ile Tab (Sarkan) Menü Hazırlama | paylascan.org Thu, 03 Sep 2009 22:08:49 +0000 http://www.fatihhayrioglu.com/?p=373#comment-7701 [...] Margin ve Padding ile uzaklık değerlerini sıfırladık. Sonra Height ve Overflow ile taşma problemi oluşmasını önledik. List-style ile de menü öğelerinde madde imleri (bullet) görünmesini [...] [...] Margin ve Padding ile uzaklık değerlerini sıfırladık. Sonra Height ve Overflow ile taşma problemi oluşmasını önledik. List-style ile de menü öğelerinde madde imleri (bullet) görünmesini [...]

]]> Sayfa Dibine Yapışık Alt Alanlar(Sticky Footer) / Fatih Hayrioğlu’nun not defteri tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-3/#comment-6963 Sayfa Dibine Yapışık Alt Alanlar(Sticky Footer) / Fatih Hayrioğlu’nun not defteri Fri, 12 Jun 2009 11:58:44 +0000 http://www.fatihhayrioglu.com/?p=373#comment-6963 [...] sorunu ile karşılaşıyoruz. Float uygulanmış alanların kapsayamama sorunu çözmek için http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/ makalemiz anlattığımız yöntemi [...] [...] sorunu ile karşılaşıyoruz. Float uygulanmış alanların kapsayamama sorunu çözmek için http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/ makalemiz anlattığımız yöntemi [...]

]]> Zafer Akyel tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-3/#comment-6735 Zafer Akyel Fri, 01 May 2009 13:27:05 +0000 http://www.fatihhayrioglu.com/?p=373#comment-6735 Bir konu bu kadar net anlatılabilir, harika bir yazı olmuş tebrikler. Bir konu bu kadar net anlatılabilir, harika bir yazı olmuş tebrikler.

]]> fatih.hayrioglu tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-3/#comment-6462 fatih.hayrioglu Tue, 10 Mar 2009 15:35:41 +0000 http://www.fatihhayrioglu.com/?p=373#comment-6462 Bunun bir çözüm olduğunu zannetmiyorum Bunun bir çözüm olduğunu zannetmiyorum

]]> asd tarafından http://www.fatihhayrioglu.com/float-uygulanmis-elementleri-tam-kapsayamama-sorunu/comment-page-3/#comment-6460 asd Mon, 09 Mar 2009 12:12:48 +0000 http://www.fatihhayrioglu.com/?p=373#comment-6460 kapsayıcı elementede float ve width verince sorun düzeliyor sankı ama tercih edilmeyebilir kapsayıcı elementede float ve width verince sorun düzeliyor sankı ama tercih edilmeyebilir

]]>