Css de kafama takılan bir soru ?

03-09-2013, 14:27:18

Beyler

içeriğe göre uzayan sayfam var alttaki footerda o içeriğe göre alta doğru kayıp gidiyor..

içerikte örneğin bir resmi yazıyı sağa sola çekmek için float: right veya position: absolute kullanıyorum ancak buseferde sayfa yapısına göre altta uzayan footer içeriği görmiyor ve üzerine çıkıyor bu sorunu nasıl halledebilirim.

03-09-2013, 14:37:38

#2

emirhanguven

margin-left veya margin-right ile dene

03-09-2013, 15:03:02

#3

MehmetKS

Yok olmuyor örneğin bir yazı ve resim var bunların bulunduğu genel div resme yazıya göre uzuyor ve footer da bunlara göre alta doğru kayıyor ama çizimde o resim sağda diyelim veben resmi sağa almayı denediğimde genel divim resmin büyüklüğüne göre genişleme özelliğini kaybediyor ve haliyle footerda resmin tepesine çıkıyor ?

03-09-2013, 15:13:26

#4

~~FuatAltun~~

Üyeliği durduruldu

Muhtemelen temel div'leme yapısında sorun yasıyorsunuz. Her zaman şu yolu izlerseniz bu gibi sorunlarla asla karşılaşmazsınız. İskelet yapısı olarak tabiki.

.header --> width:100%; float left;
.slider --> width:100%; float left;
.content --> width:100%; float left;
.footer --> width:100%; float left;

<div class="header"></div>
<div class="slider"></div>
<div class="content"></div>
<div class="footer"></div>

Yukarıdaki şekilde temeli oluşturursanız her section için 100% çalışmanız durumunda yanında olan diğer objelerle etkileşimde olacaktır. Bu şekilde herhangi bir section içeriğine yanlış eklediğiniz bir obje footer gibi ya da diğer genel section alanları gibi yapıları etkilemeyecektir.

06-09-2013, 16:30:45

#5

MehmetKS

Arkadaşlar sorunumu hala çözemedim kod ile göstereyim.

Genel id min içinde 1 adet yazı ve resim kısmı mevcut
yazı ve resmi ekledikçe yazının veya resmin kapladığı yere göre footer id alta kayıyor.

Ama ben resmi yazının hemen sağına almam gerek bu işlem için .genel_foto class ıma position: absolute; top: 0; right: 0 diyorum yazının altında olan resim yazının sağına yerleşiyor
ama bu seferde resim footer idmi boyuna göre alta kaydırmıyor yazı az diğelim footer resmin üzerine biniyor ?

Alıntı

#genel {width: 960px; height: 100%; position: relative;}
.genel_yazi span {color: #4d4d4d; font-size: 13px }
.genel_foto img {width: 250px}

#footer {width: 960px; height: 126px; background-image: url("../images/footer.png")}

06-09-2013, 18:02:22

#6

azizarslan

Sorunu tam anlamadım fakat clear:both deneyebilirsiniz. position:absolute için de, position:absolute yerine bir tutucu temp div'i koyun.

07-09-2013, 15:36:42

#7

MehmetKS

azizarslan adlı üyeden alıntı: mesajı görüntüle

Sorunu tam anlamadım fakat clear:both deneyebilirsiniz. position:absolute için de, position:absolute yerine bir tutucu temp div'i koyun.

Hocam sorunumu tam çözemedim ama şu konuya bakarmısınız
https://www.r10.net/html-css-xml/1117...zi-sorunu.html

arkadaş 2. mesajda bir örnek vermiş ama 3. mesajımda ben sorunumu tam belirttim açıklayıcı bir şekilde.