div sorunu..

[web.doktor]

merhaba arkadaşlar sitemi div ile sayfa,ustalan ,yanmenu,kapsayıcı,icerik ve banner alanı diye 6 div kullanarak böldüm.. aynen http://www.fatihhayrioglu.com/?p=173 sitedeki makeledekileri yaptım fakat bir sorun yaşıyorum..

sorunum asp nette master page yaptım buna bir adet contentplaceholder ekledim icerik bölümünde yer alan content place holder bütün içerik sayfasını kapladı.. div arasına ekleyerek genişliğini ayarladım.. fakat banner alanını bir türlü üste yaslayamadım..

2. reklam alanını yukarı çıkaramadım.. content place holder yükseklik değeri değiştikçe aşağı kayıyor.. vertical-algin:top; ile yukarı yaslayamadım..ne denediysem olmdadı.. bu reklam bölümünü yukarı nasıl yaslaya bilirim..

[pilal]

container ının genişliği,content place holder ve reklam kısmının toplamının büyüklüğünden fazladır. eğer float kullanmadıysan alt alta durması normaldir, eğer kullandıysan genişlikleri biraz küçült. ölçülerden eminsen bi yerlere border koyduğun için oradaki div in büyümüş olabilir.

[web.doktor]

aşağıda yazdığım css kodları bulunmaktadır.. genişlilleri kendi elimle girdim genişliklerde sorun yok..master pagede content palace holder içinde hiçbirşey yokken bile reklam alanı 10px aşağı kayıyor.. bir türlü yukarı yaslayamadım..default.aspx sayfasında ise contentplaceholde ne kadar büyürse reklam alanım aşağı kayıyor.. icerik bölümünü gereğinden fazla küçültüp denedim olmadı..

#sayfa
{width:950px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
width:60em;
text-align:left;
background-color:#ffffff;
border-style:solid;
border-color:#2A9DC7;
border-width:1px;



}
#ustalan
{






}
#kapsayicialan
{
width:800px;
float:right;
}

#icerik{float:left;
margin-top:2px;
margin-left:2px;
width:800px;
border-style:1px solid;
border-width:thin;
border-color:#DD0000;

}
#banneralani
{
width:150px;
float:right;
vertical-align:top;
background-color:#E7F1F8;
text-align:center;




}
#yanmenu
{
float: left;
font-family: verdana, arial, sans-serif;
font-size: 10px;
font-weight: bold;
margin-left:2px;
float:left;
margin-top:2px;
width:150px;
background-color:#E7F1F8;

border-right-style:none;






}
#altalan {
width:768;
clear:both;
border-style:solid;
border-width:thin;
border-color:#DD0000;

}

[Ahmet79]

boyutlara border'ü ekle. Yani
sol alan:150
orta alan:400
sağ alan:250
border-lar:10(attım )
toplam=810
borderleri kaldır yada div genişliklerini azalt

[don_kishot]

Yazdığınız Css kodlarına şöyle bir baktım, ayrıntılı incelemedim ama bu kısa göz atışımdan bile olayn mantığını tam olarak özümseyemediğiniz sonucunu çıkardım.

Örnek olarak sayfa 950px demişsiniz ama alt alan (footer) 768px olarak atanmış, yani footer 182 px kısa olmuş.

Bu sorunu matematiksel olarak çözebilirsiniz, divlerin "en" leri ile borderların kalınlıklarını hesaplayın 950 yi geçmesin, o zaman reklam divi de yukarıya gelir.

Kolay gelsin..

[web.doktor]

merhabalar cevaplarınız için teşekkürler.. css de yeniyim ve altalan bölümü
nü hiç farketmemiştim.. bazen dalıp gidebiliyorum.. siteyi yeniden incelemeye aldım.. dediklerinizi uygululadım.. birşey farkettim yalnışlıkla banner alanını içeriğin div içine koymuşum.. hiç farketmemiştim.. yardımlarınız için teşekkürler..

[don_kishot]

Css öğrenmeye başladığımda uyguladığım basit ama etkili bir yöntemi anlatayım. Tasarım aşamasında tüm "div" lere farklı arkaplan rengi atayın, biri siyah, biri mavi, biri kırmızı, biri gri vs. , böylece yaptığınız en ufak bir değişikliğin bile tasarımı ne şekilde etkilediğini ve hataları görebilirsiniz. Tasarım bittikten sonra arkaplanları olması gerektiği şekle çevirirsiniz.

Kolay gelsin

[web.doktor]

don_kishot gerçekten etkili bir çözüm.. teşekkürler..

[anov]

Firefox üzerinde firebug kullanmak da güzel bir yöntem.
Firebug css için, javascript için hatta gelip giden ajax istek ve yanıtlarını görmek için mükemmel bir araç. Flash içinden yapılan istek ve dönen yanıtlar bile görünebiliyor.

[web.doktor]

İndirdim ve kurdum çok güzel bir eklenti..Teşekkürler Anov.