| Konuyu görüntüle |
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
Benim div layer kullanimiyla ilgili bir problemim var.
Bir div layer icindeki tablo yeni girilen bilgiler falan oldukca asagi dogru buyuyor. Ama div layer buyumuyor. O yuzden tablo div layer'dan tasiyor. bu <div> tagina hangi ozelligi yazacagiz ki div layer da icergine bagli olarak uzasin. Bu arada div height ozelligine herhangi bir deger vermedim sabit bir deger degil yani.
blog.miracc.com
|
|
|
| Yazar |
|
orhan
istanbul
admin
Kayıt: 17.11.2005 |
|
div layer ın malesef oyle bir özelliği yok yalnız table ın içine koyarsan o zaman table ın sizenıa göre kendini ayarlıyor
N/A
|
|
|
| Yazar |
|
tarikkranda
Kayıt: 07.01.2006 |
|
Selam bende asp.net yazrken alt alta paneller koyuyor ustteki panelin visible ını false cekip sayfayı post ettigimde kullanıcıya alttaki panel tabiki yukarıya kayıyor ancak genede arada boşluk falan oluşuyor sayfanın tam üstüne yapışmıyor görünmeyen panelin üzerine o zaman css kullanıyorum ve manuel olarak ittiriyorum yukarıya
style="POSITION:relative; TOP:-4px"
seklinde bir css kullanyorum ancak asp.net panelleri source da TD ye dönüşüyor fakat bu relative olayı senin DIV icinde calışabilir. Ya da içteki tabloyada bu css i atamaya calış. -4px mevcut görüntüyü 4 pixel yukarı ötelemek için yazdığım kod, kullanmayablirsin tabiki sen İşe yararsa sevinirim
|
|
|
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
Baya zaman gecti uzerinden ama bu sorunla tekrar karsilastim.
Problemi tekrar etmek istiyorum. Bir ana div layer icinde biri sagda biri solda olmak uzere 2 div layer daha mevcut. Bu sag ve soldaki div layerlarin icerigi sql sorgusu sonucu donen icerige bagli olarak asagi dogru uzayip gidiyor. Fakat ana div layer bunlarla birlikte uzamadigi icin tasarimda problem olusuyor. Bunu problemi nasil cozebilirim?
Sorunumu gorsel olarak da ifade etmek adina bir de resim ekliyorum:
tarikkranda yazdi | | style="POSITION:relative; TOP:-4px"
seklinde bir css kullanyorum ancak asp.net panelleri source da TD ye dönüşüyor fakat bu relative olayı senin DIV icinde calışabilir. Ya da içteki tabloyada bu css i atamaya calış. -4px mevcut görüntüyü 4 pixel yukarı ötelemek için yazdığım kod, kullanmayablirsin tabiki sen İşe yararsa sevinirim |
style="POSITION:relative; TOP:-4px" Tarik, bu relative ozelliginin tam olarak ne ise yaradigini bilmiyordum ogrendim sayende. Icteki sag ve sol layerleri distaki ana layerla iliskilendirdim position:relative diye.
blog.miracc.com
|
|
|
| Yazar |
|
cantur
Rize
admin
Kayıt: 16.01.2006 |
|
selam.
Miracc şimdi resimi koymuşun güzel ama ben yine tam idrak edemedim oloayı başıma gelmediğinden herhal. Sana bir kaç soru yöneltiyim olayı aç biraz
1. Bu ana divinin içerisindeki div leri yanyana tutmak için table kullanıyorsun değilmi.
2. Divinde herhangi bir style var mı . Varsa bu style da position:absolute varmı? (Uzamamasına bir neden atadığın style olabilir.) ( Bu dediğim içerdeki divler için de geçerli . Eğer herhangi bir nesnende position özelliğini kullandıysan artık diğerlerinden bağımsız sayfada durabilir.)
Normalde içerdeki elemanlar dışardaki divin boyutunu otomatik genişletmeli.
bide; içerideki divleri sayfa yüklendikten sonra mı oluşturuyorsun (ajax , javascript v.s.) ile ?
Sayfanın bu problemle alakalı ufak bir kod bloğu verirsen bir inceliyelim.
|
|
|
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
cantur yazdi | | selam.
Miracc şimdi resimi koymuşun güzel ama ben yine tam idrak edemedim oloayı başıma gelmediğinden herhal. Sana bir kaç soru yöneltiyim olayı aç biraz
1. Bu ana divinin içerisindeki div leri yanyana tutmak için table kullanıyorsun değilmi.
2. Divinde herhangi bir style var mı . Varsa bu style da position:absolute varmı? (Uzamamasına bir neden atadığın style olabilir.) ( Bu dediğim içerdeki divler için de geçerli . Eğer herhangi bir nesnende position özelliğini kullandıysan artık diğerlerinden bağımsız sayfada durabilir.)
Normalde içerdeki elemanlar dışardaki divin boyutunu otomatik genişletmeli.
3.bide; içerideki divleri sayfa yüklendikten sonra mı oluşturuyorsun (ajax , javascript v.s.) ile ?
Sayfanın bu problemle alakalı ufak bir kod bloğu verirsen bir inceliyelim. |
Abi sorularini cevaplayayim tek tek :
1. Ana div icindeki divleri yanyana tutmak icin table kullanmiyorum. 3 div inde position: absolute
2. Div style larini asagiya ekleyecegim.
3. Ajax veya js ile degil direk html+css ile sayfa yuklenirken bunlarda yukleniyor.
Ana DIV style
<div id="main" style="width:750px; height:100%; background-color:#FFFFFF; border:1px solid #CCCCCC; position:absolute; left:134px; top:123px;">
Sag DIV style
<div id="news" style=" background-color:#FFFFFF; width:522px; border:0px solid #CCCCCC; position:absolute; left:15px; top:16px;"> //bu ve alttaki div in height ozelligini hepten kaldirinca bunlar asagi dogru uzuyorlar ama asil sorun ana div de onu nasil uzatacaz?
Sol DIV style
<div id="category" align="center" style="background-color:#FFFFFF; width:189px; border:0px solid #CCCCCC; position:absolute; left:557px; top:15px;">
Umarim bunlar isiginda bi cozum bulabiliriz zira 2 gundur buna kafa yoruyorum :)
blog.miracc.com
|
|
|
| Yazar |
|
cantur
Rize
admin
Kayıt: 16.01.2006 |
|
miracc yazdi | |
Abi sorularini cevaplayayim tek tek :
1. Ana div icindeki divleri yanyana tutmak icin table kullanmiyorum. 3 div inde position: absolute
2. Div style larini asagiya ekleyecegim.
3. Ajax veya js ile degil direk html+css ile sayfa yuklenirken bunlarda yukleniyor.
Ana DIV style
<div id="main" style="width:750px; height:100%; background-color:#FFFFFF; border:1px solid #CCCCCC; position:absolute; left:134px; top:123px;">
Sag DIV style
<div id="news" style=" background-color:#FFFFFF; width:522px; border:0px solid #CCCCCC; position:absolute; left:15px; top:16px;"> //bu ve alttaki div in height ozelligini hepten kaldirinca bunlar asagi dogru uzuyorlar ama asil sorun ana div de onu nasil uzatacaz?
Sol DIV style
<div id="category" align="center" style="background-color:#FFFFFF; width:189px; border:0px solid #CCCCCC; position:absolute; left:557px; top:15px;">
Umarim bunlar isiginda bi cozum bulabiliriz zira 2 gundur buna kafa yoruyorum :) |
bingo.. Tahmin ettiğim gibi bütün problemin position:absolute; ifadesini kullanman.
Alttaki divlerinde (Üstte dahil olabilir.) position:absolute kullanırsan artık onlar kendilerini kapsayan nesneden bağımsız gibi davranır. Doğal olarak da boyları uzarsa ana div aynen kalacaktır.
Position:absolute kullanırsan bunun bir çözümü yok(Bundan vaz geçmen gerekiyor.)
Sana iki çeşit yol önereceğim;
1) Ana div'in içerisine bir tablo at içdeki divleri bu tabloya yerleştir ve position:absolute satırlarını içteki divlerinden kaldır. Zaten Tablonun içerisindeki alandan çıkamayacaklarından ana divin positionini nereye ayarlarsan oraya göre konumlanırlar.
2) İllede positionları kendim elle atayacağım bana table gelmez diyorsan. İçteki divleri position:absolute yerine başka bir position yöntemi kullanman lazım ama böyle yapmak emin ol başını çok ağırtır. Tüm position şekilleri için bakınız : http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#positioning-scheme
Bu adress css2 spesifikasyonunu veriyor. Tüm CSS bilgilerini buradan incelemek bazen iyi olabiliyor.
Sonuçta atvsiyem içtekileri tablela positionlada fazla uğraşma
|
|
|
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
Saol abi vakit ayirdigin icin...
Ya bu css ile birlikte, table yerine div kullanin kampanyasina ben de katilayim dedim ama henuz tam hazmedemedim sanirim div olayini 2 alternatifi de deneyip sonucu ve ekran ciktisini buraya ekleyecegim.
Tesekkurler
blog.miracc.com
|
|
|
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
Sorun halloldu sonunda. Hem de table kullanmadan
Style larda yaptığım değişiklikler şöyle:
Ana div style
<div id="main" style=" width:750px; background-color:#FFFFFF; border:1px solid #CCCCCC; position:absolute; left:134px; top:123px;"> // eskisiyke ayni
sag div style
<div id="news" style="float:left; margin:15px; background-color:#FFFFFF; width:515px; border:0px solid #CCCCCC; ">
// float:left ile sola yaslandi, margin:15px ile 4 bitaraftan 15px lik bi bosluk olusturuldu. bilmeyenler icin bu margin bir tur gorunmez kalkan olarak dusunebilirsiniz. baska bir eleman bu div e artik 15 pixel den fazla yaklasamaz.
sol div style
<div id="category" style=" float:left; margin:15px; background-color:#FFFFFF; width:180px; border:0px solid #CCCCCC; ">
// sag div e uygulananlar buna da uygulandi.
Dedigin gibi sadece ana div de position:absolute kullanip bunlar icindeki tum divleri float:left ile yan yana siraladim. Oyle olunca da bu asagi kayma problemi cozulmus oldu. Saat de sabahin 5 bucugu oldu
blog.miracc.com
|
|
|
| Yazar |
|
orhan
istanbul
admin
Kayıt: 17.11.2005 |
|
diğer browserlarda nasıl çalışıyor bu? farklı çözünürlüklerde kayma dağılma oluyormu.?
N/A
|
|
|
| Yazar |
|
miracc
Houston, TX
Kayıt: 07.01.2006 |
|
orhan yazdi | | | diğer browserlarda nasıl çalışıyor bu? farklı çözünürlüklerde kayma dağılma oluyormu.? |
Abi sen soyleyene kadar test etmemistim. opera firefox ie uclusunden sadece ie farkli yorumladi.
Yontem ie'de de calisiyor ama bazi farkliliklar oluyor. Ben de Özgür'ün tavsiyene uyup bastim table a.
Gayet iyi oldu simdi.
Yardimlariniz icin tesekkurler.
blog.miracc.com
|
|
|
| Yazar |
|
cantur
Rize
admin
Kayıt: 16.01.2006 |
|
miracc yazdi | | orhan yazdi | | | diğer browserlarda nasıl çalışıyor bu? farklı çözünürlüklerde kayma dağılma oluyormu.? |
Abi sen soyleyene kadar test etmemistim. opera firefox ie uclusunden sadece ie farkli yorumladi.
Yontem ie'de de calisiyor ama bazi farkliliklar oluyor. Ben de Özgür'ün tavsiyene uyup bastim table a.
Gayet iyi oldu simdi.
Yardimlariniz icin tesekkurler. |
Table Düzendir ve de Güzeldir
|
|
|
|
|
-
 Del.icio.us
-
 Digg
-
 Facebook
-
 Furl
-
 Google
-
 Blink
-
 Simpy
-
 Spurl
-
 Y! MyWeb
|
|
| | | | | | | | | | | |
