Araka planı iki ayrı renk olan tasarımı div ile konumlandırmak ?

Demetivasyon · 08.04.2007

Örneğin :
Taşıyıcının sağtarafı kırmızı, sol tarafı mavi olan bir arka plana sahip bir tasarımı konumlandırmak için

<div style="position:absolute; z-index:0; width:100%">
<div style="background:url(images/bgTop.gif) repeat-x; width:50%; height:181px; float:left;"></div>
<div style="background:url(images/bgTopR.gif) repeat-x; width:50%; height:181px; float:left"></div>
</div>

<div style="position:absolute; z-index:1000; text-align:center; width:989px; margin:0 auto"></div>

bisürü deneme sonunda kaldığım nokta burası.

Tasarım çok içiçe kıvrımlı bişey olduğu için başka unsurlarıylada çok uğraştım, artık çok sıkıldım bu tasarımdan. Bidaha tasarım yaparken kesinlikle uygulanabilirliğinide düşüneceğim. Yazacak bir yer bulmuşken içimide döktüm biraz, kusura bakmayın, yardımcı olabilirseniz sevinirm.

Kolay gelsin...

metsatöll · 08.04.2007

Neden dogrudan bir imaji background olarak tek bir katman veya body icerisinde atamadin da, bir background olusturmak icin 3 katman kulladin?

Bu yaptigin örnegi online olarak görebilecegiz bir demo adresi varmidir?

Demetivasyon · 08.04.2007

http://www.drdeniz.com/abd.jpg

Tasarım linkteki şekilde sağ tarafı sadece açık gri mavi, sol tarafında birde koyu gri var.

Bahsi geçen sorunumu halletmek için benim aklıma gelen çözüm şuydu:

Yüzde elli elli kardeş payı yapmak containerıda zindex ile üste çıkarmak.. Ama birtürlü olmadı, FFox ve İE uyumunu sağlayamadım.Sanırım günümde değilim

Çünkü daha önce zindexile biçok kereler çalıştım.

Teşekkür ederim...

08.04.2007	#1 (permalink)
Demetivasyon Üyelik Tarihi: 29.12.2006 Yer: İstanbul Yaş: 31 Mesaj: 4	Araka planı iki ayrı renk olan tasarımı div ile konumlandırmak ? Örneğin : Taşıyıcının sağtarafı kırmızı, sol tarafı mavi olan bir arka plana sahip bir tasarımı konumlandırmak için <div style="position:absolute; z-index:0; width:100%"> <div style="background:url(images/bgTop.gif) repeat-x; width:50%; height:181px; float:left;"></div> <div style="background:url(images/bgTopR.gif) repeat-x; width:50%; height:181px; float:left"></div> </div> <div style="position:absolute; z-index:1000; text-align:center; width:989px; margin:0 auto"></div> bisürü deneme sonunda kaldığım nokta burası. Tasarım çok içiçe kıvrımlı bişey olduğu için başka unsurlarıylada çok uğraştım, artık çok sıkıldım bu tasarımdan. Bidaha tasarım yaparken kesinlikle uygulanabilirliğinide düşüneceğim. Yazacak bir yer bulmuşken içimide döktüm biraz, kusura bakmayın, yardımcı olabilirseniz sevinirm. Kolay gelsin... Mesaj Demetivasyon tarafından 08.04.2007 (17:15) yeniden düzenlendi..

08.04.2007	#2 (permalink)
metsatöll Üyelik Tarihi: 11.07.2001 Yer: Tallinn Yaş: 28 Mesaj: 518 Görsel: 9	Re: Araka planı iki ayrı renk olan tasarımı div ile konumlandırmak ? Neden dogrudan bir imaji background olarak tek bir katman veya body icerisinde atamadin da, bir background olusturmak icin 3 katman kulladin? Bu yaptigin örnegi online olarak görebilecegiz bir demo adresi varmidir?

08.04.2007	#3 (permalink)
Demetivasyon Üyelik Tarihi: 29.12.2006 Yer: İstanbul Yaş: 31 Mesaj: 4	Re: Araka planı iki ayrı renk olan tasarımı div ile konumlandırmak ? http://www.drdeniz.com/abd.jpg Tasarım linkteki şekilde sağ tarafı sadece açık gri mavi, sol tarafında birde koyu gri var. Bahsi geçen sorunumu halletmek için benim aklıma gelen çözüm şuydu: Yüzde elli elli kardeş payı yapmak containerıda zindex ile üste çıkarmak.. Ama birtürlü olmadı, FFox ve İE uyumunu sağlayamadım.Sanırım günümde değilim Çünkü daha önce zindexile biçok kereler çalıştım. Teşekkür ederim...