A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_URI::$config is deprecated

Filename: core/URI.php

Line Number: 101

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Router::$uri is deprecated

Filename: core/Router.php

Line Number: 127

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$benchmark is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$hooks is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$config is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$log is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$utf8 is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$uri is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$exceptions is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$router is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$output is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$security is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$input is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$lang is deprecated

Filename: core/Controller.php

Line Number: 75

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$load is deprecated

Filename: core/Controller.php

Line Number: 78

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$db is deprecated

Filename: core/Loader.php

Line Number: 390

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_DB_mysqli_driver::$autoinit is deprecated

Filename: database/DB_driver.php

Line Number: 371

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::open($save_path, $name) should either be compatible with SessionHandlerInterface::open(string $path, string $name): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 113

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::close() should either be compatible with SessionHandlerInterface::close(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 280

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::read($session_id) should either be compatible with SessionHandlerInterface::read(string $id): string|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 145

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::write($session_id, $session_data) should either be compatible with SessionHandlerInterface::write(string $id, string $data): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 223

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::destroy($session_id) should either be compatible with SessionHandlerInterface::destroy(string $id): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 303

A PHP Error was encountered

Severity: 8192

Message: Return type of CI_Session_files_driver::gc($maxlifetime) should either be compatible with SessionHandlerInterface::gc(int $max_lifetime): int|false, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice

Filename: drivers/Session_files_driver.php

Line Number: 344

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$session is deprecated

Filename: core/Loader.php

Line Number: 1290

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$pagination is deprecated

Filename: core/Loader.php

Line Number: 1290

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$email is deprecated

Filename: core/Loader.php

Line Number: 1290

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$ders_model is deprecated

Filename: core/Loader.php

Line Number: 353

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$bilgi_model is deprecated

Filename: core/Loader.php

Line Number: 353

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$data is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$benchmark is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$hooks is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$config is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$log is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$utf8 is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$uri is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$exceptions is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$router is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$output is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$security is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$input is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$lang is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$load is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$db is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$session is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$pagination is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$email is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$ders_model is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$bilgi_model is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$makale_model is deprecated

Filename: core/Loader.php

Line Number: 353

A PHP Error was encountered

Severity: 8192

Message: setcookie(): Passing null to parameter #7 ($httponly) of type bool is deprecated

Filename: core/Input.php

Line Number: 410

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property index::$yorum_model is deprecated

Filename: core/Loader.php

Line Number: 353

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$makale_model is deprecated

Filename: core/Loader.php

Line Number: 925

A PHP Error was encountered

Severity: 8192

Message: Creation of dynamic property CI_Loader::$yorum_model is deprecated

Filename: core/Loader.php

Line Number: 925

CSS ile Sayfayı Ortalama
Öneri ve Hata Raporu



Günün Sözü İnsan kafasında ne kurarsa, onu yaşar.

kategori CSS
oylama 3/5 yorum 8 yorum yazar Hakan Taşan tarih 28 Eylül 2013

Bu makalede sitemizi yatay olarak nasıl ortalayacağımızı öğreneceğiz. Makalenin en başında şunu söylemek isterim, eğer sayfanızda !DOCTYPE kullanmazsanız, bazı taracıyılar (özellikle Internet Explorer) sitenizi ortalamayacak ya da hatalı ortalayacaktır. !DOCTYPE kullanmanızı kesinlikle tavsiye ediyorum, !DOCTYPE nedir diyorsanız buraya tıklayın. Ayrıca bu konu önemli olduğu için baştan sonra okumanızı tavsiye ederim.

Şimdi size 3 farklı örnek vereceğim ve tek tek yorumlayacağım.

Örnek 1) Sadece body etiketi ile ortalama

Body etiketi ekranda gördüğünüz sayfanın tümüdür. Bu etikette yapacağınız her ayarlama sayfanın tümünü etkiler (link, renk, yazı büyüklüğü vb.). Dolayısıyla body etiketini ortalarsanız sayfanın kenarlarında kalan kısmını artık kullanamayacaksınız demektir. Yani bu işlem sayfanızın kenarlarını kesip atmak gibi bir şey dolayısıyla çok kullanılmaz.

Kod:

body
{
        border:1px solid black;
        margin: 0 auto;
        width:960px;
        background:pink;
}

 

Örnek 2) Container ile ortalama

Container ne ola ki? Container dediğimiz şey taşıyıcıdır. Üstteki örnekte yaptığımız işlemi body etiketi üzerinden alıp bir taşıyıcı üzerine koymaktır ve böylece bütün sayfayı body üzerine değil de container üzerine kurmak temel amaçtır. Yani üsteki örneğin aksine kenarda kalan kısımları kullanabileceğiz. HTML5'in getirdikleri yenilikleri düşünecek olursak container tipi kullanım işimizi çok kolaylaştıracaktır.

CSS Kodu:

.container
{
        margin: 0 auto;
        width:960px;
        background:#47D1FF;
}

 

HTML Kodu:

<body>  
    <div class="container">        
        CONTAINER İÇERİĞİ
    </div>
</body>

 

Örnek 3) Container ile ortalama ve body etiketini kullanma

Bu örnek aslında üsttekinin aynısıdır, sadece body ve container'ın birlikte kullanımını göstereceğim. Body etiketi genelde arkaplanı renklendirmek için kullanılır. Container kullanımının bir avantajı da budur çünkü body'den etkilenmez.

CSS Kodu:

body
{
        margin: 0 auto;
        background:pink;
}

.container
{
        margin: 0 auto;
        width:960px;
        background:#47D1FF;
}

 

HTML Kodu:

<body>           
    BODY İÇERİĞİ
    <div class="container">        
        CONTAINER İÇERİĞİ
    </div>
</body>

 

Not: "width: 960px;" ayarını kendinize göre değiştirebilirsiniz. Bu kod sayfa ortasının 960 piksel olmasını sağlar.

paylaş Paylaş
oylama yap Oyla

makale yorumları YORUMLAR

8 Yorum


yorum

volkan demir

09 Mart 2015 11:34


çok güzel olmuş

yorum

asdasd

23 Ekim 2015 00:50


html kodlarını neden paylaşmıyorsunuz?

yorum

Admin

23 Ekim 2015 03:49


paylaşmışım zaten okursanız görürsünüz :)

yorum

Musa

23 Mayıs 2016 05:37


Tek kelimeyle diyorum sen varya adamsın !
w3schools da bile doğru düzgün anlatım bulamadım fakat bu 1 kopyala yapıştırla oldu!

Çok teşekkürler...

yorum

Can

22 Kasım 2016 19:59


herkesin baktığını ama teşekkür etmediğini düşünüyorum. sadece sömürücü olmamak adına. çok teşekkürler :)

yorum

Mert

05 Nisan 2017 09:25


tesekkurler işime yaradı

yorum

Lise Okulu

13 Aralık 2018 21:15


hangi uygulamadan açıyorsun notpad++ değil bu ismini öğrenebilirmiyim

yorum

Admin

14 Aralık 2018 19:45


tam olarak neyi kastettiğinizi anlamamakla beraber notepad++ kullanıyorum.