Sayfanızı CSS kodları ile ortalamak

Bu derste yer alan kodları kullanarak sayfanızın CSS yardımı ile ortalandığını göreceksiniz.

Bir web sitesi oluşturdunuz, diyelim ki tasarımınızı Photoshop'ta yaptınız. Doğru bir şekilde export edin, örneğin: .php, .html, .asp uzantılarına sahip.

Bir CSS oluşturun ve sayfanızdan buna link verin. Bunun için harici bir CSS olsun ve ismi de style.css olsun.

Aşağıdaki kodu web sayfanızda

tagları arasına kopyalayıp yapıştırın.


<link media="screen" type="text/css" href="style.css" rel="stylesheet">



CSS dosyanıza aşağıdaki CSS kodlarını ekleyin. Bu kodlar tarayıcınıza sayfanızı ortalamak için gerekli talimatı verecektir.


body

{

margin:auto ; */ IE'de ortalama */

}

#icerik

{

margin: auto; */Firefox'ta ortalama */

}



Şimdi de aşağıdaki kodu web sayfanıza eklemeniz gerekiyor. Varsa isimlerde gerekli değişiklikleri yapın.


<body>

<div id="container">

<!-- İçeriğinizi buraya yazın.-->

</div>

</body>



Bu kadar. Bu tag içinde yer alan her şey tarayıcılarınızda ortalanmış bir halde görünecektir.
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

sagolun
firefoxta bu kodlarla ortalamadı bir yanlışlık olmuş olabilirmi?
evet bende firefoxta ortalattıramadım
margin: auto; olarak deneyin bu kod çalışır.
firefoxta ortalanmadı
Siraceddin El teşekkürler ama margin kodunu auto olarak değiştirirsen arkadaşlar da rahat edecek.
kodlar şu şekilde olmalı [code] body { margin:auto ; */ IE'de ortalama */ } #icerik { margin: auto; */Firefox'ta ortalama */ } [/code]

Yukarı Git