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!

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

Yukarı Git