Yeni Kayıt
Konudaki Resimler
|
|
_____________________________
|
Bildirim
3 kolonlu web sayfası..Yanlışlarım varsa söyleyin lütfen.
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
Giriş
Mesaj
-
-
Sorun çıkarmaz. ie 6 - 7 dışındaki bütün tarayıcılarda çalışır ki zaten onlarında modası geçti. _____________________________ -
Öncelikle kodlarını "code" etiketleri içine yazarsan daha bir anlaşılır daha bir güzel olur. Soruna gelince;
<!--HTML-->
<body>
<div class="sayfa">
<div class="ustalan"></div>
<div class="ortaalan">
<div class="menu"></div>
<div class="icerik">
<span>içerik buraya</span>
<div class="banner">
<span>reklamlar</span>
</div>
</div>
</div>
<div class="altalan"></div>
</div>
</body>
<!--HTML bitti-->
/*------CSS------*/
.sayfa {
width:100%;
height:768px;
float:left;
/**
* float kullanman iyi olur. Onun dışında auto margin kullanmak bir işine yaramaz çünkü sayfanın ortalanmasına ihtiyacın yok
*
*/
border:1px solid black;
/**
* Eğer % birimi kullanarak genişlik/yükseklik verip px birimli border kullanırsan sayfa yatay olarak taşar ya da taşması muhtemeldir.
* Burayı kontrol edip, 1px yerine 0.025% gibi bir değer verebilirsin.
* Tabi bu durumdan (2 * 0.025) değerini 100 değerinden çıkarman gerekir.
* Aynı durum 100% genişlik verip px birimli border verdiğin tüm elementler için geçerlidir.
* Bazı tarayıcılar border değerini genişlik/yükseklik değerine ekler.
*
*/
}
.ustalan {
width:100%;
height:150px;
float:left;
/**
* burada diğerlerinde de float kullanmak yine faydana olur aksi halde div'ler birbirine girebilir.
*
*/
border-bottom:1px solid black;
}
.ortaalan {
width:100%;
height:468px;
float:left;
/**
* burada da yukarıda yazıklarım geçerli
*
*/
border-bottom:1px solid black;
}
.menu {
width:15%;
height:468px;
float:left;
border-right:1px solid black;
}
.icerik {
width:85%;
/**
* Bu kısmı 100% yaparsan sayfan yatay olarak yine taşar.
* Çünkü icerik class'ı ve menu class'ı aynı seviye elementlerdir ve ikisinin genişliği toplamı tarayıcı penceresi genişliğinin %115'i eder.
* CSS kullanırken hesaplamalara dikkat et
*
*/
height:468px;
float:left;
}
.banner {
width:15%;
height:468px;
float:right;
border-left:1px solid black;
}
.altalan {
width:100%;
height:160px;
float:left;
}
/*-----CSS bitti-----*/
Benim görebildiklerim bunlar. Gecenin köründe ancak bu kadar oluyor.
< Bu mesaj bu kişi tarafından değiştirildi TradeMark -- 23 Nisan 2012; 0:25:41 >_____________________________ Kurumsal Web Siteleri İçin Tercüme Hizmeti
HTML, CSS, JavaScript, jQuery, XML, XPATH, XQuery, PHP
Perl, Ruby, Python and F# Learner
Fedora Linux Addict
Apache Configurator
-
Çok teşekkür ettim =) Çok açıklayıcı oldu.Söylediklerinize dikkat edeceğim. _____________________________
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
