Elimizde iki Flash’ımız var. Biri sayfayı 100% arkaplan olarak kaplayacak diğeri ise bu Flash yapıdan bağımsız sayfa içinde konumlandırılacak. Peki bunun html-css kodu nasıl olmalı@f0
Pek kıymetli flaşörümüz:) Emrah Bey’in de yazısında belirttiği gibi Yapı Kredi Private sitesinde yaptığımız uygulamadan yola çıkarak anlatmaya çalışayım.
HTML
Arkaplana 100% yayılacak flash-background‘ım ve asıl içeriği görüntüleyen bir content divim var. Görüntüleme hiyerarşime göre content‘in önce görüntülenmesini istiyorum.
<body> <div id="content"> İçerik Flash </div> <div id="flash-background"> Arkaplan Flash </div> </body>
CSS
Sitemin tam ekran olabilmesi için html ve body’im 100% genişlik ve yüksekliğe sahip olması gerekiyor. Elimizdeki örnekte content ‘in ortalı olması flash ile sağlanmıştır. Bu yüzden content ‘ e de 100% genişlik veriyorum. [Bunun alternatif uygulaması da aşağıdaki örnekte mevcuttur(*) ] İki tane 100% divim olunca hangisinin üstte görünmesini istiyorsam z-index’ini yükseltiyorum.
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden } /*IE'de scroll çıkmasını istemediğim için overflow:hidden tanımlaması yapıyorum*/
#content{ position:absolute; margin:0 auto; z-index:2; width:100%; height:100% }
#flash-background{ position:absolute; z-index:1; width:100%; height:100% }
(*) İkinci yolumuz da content divini css ile ortalamak
html, body { margin:0; padding:0; width:100%; height:100%; overflow:hidden } /*IE'de scroll çıkmasını istemediğim için overflow:hidden tanımlaması yapıyorum*/
#flash-background{ position:absolute; z-index:1; width:100%; height:100%; left:0; top:0 }
#content{ margin:0 auto; z-index:2; width:980px; height:100%;position:relative; }
Yazar Hakkında: Merhaba Ben Gözde Berberoğlu. Crema'da user interface developer olarak çalışıyorum.
Club Crema'da (X) HTML- CSS, SEO, web standartları hakkında deneyimlerimi ve bilgilerimi paylaşmaya çalışacağım. Beni aynı zamanda kişisel blogumdan ve Friendfeed'den de takip edebilirsiniz.
Kod adı: gozde.css :) 
#0