farklı çözünürlüklerde bozulan tasarım

29-03-2010, 00:40:45

~~apo~~

Üyeliği durduruldu

arkadaşlar merhaba

tasarımını yaptığım site kendi çözünüğümde yani 1366*768 olan ekranımda güzel istediğim gibi dururken 1024*768'de ve diğer çözünürlüklerde nesneler kaymış şekilde çirkin görüntü oluşuyor.

benim çözünürlüğümde bir nesnenin hemen yanında duran adsense reklamım, başka çözünürlüklerde o nesnenin üstüne geçmiş şekilde.

her çözünürlükte aynı tasarımın olmasını nasıl sağlayabilirim?

29-03-2010, 00:46:48

#2

KontW

Adsense reklamı için kullandığın divin position özelliği nedir?

29-03-2010, 00:55:10

#3

~~apo~~

Üyeliği durduruldu

KontW adlı üyeden alıntı: mesajı görüntüle

Adsense reklamı için kullandığın divin position özelliği nedir?

#adsense{ 
float:left;
position:absolute;
right:222px;
top:132px;
}

31-03-2010, 04:31:43

#4

~~apo~~

Üyeliği durduruldu

arkadaşlar özür diliyorum 2. mesaj oluyor ama buna çözüm olarak bi cevap verebilir misiniz?

31-03-2010, 07:17:20

#5

~~by_karahan~~

Üyeliği durduruldu

Tablo boyutunu % ile belirtildiğinde bu sorun olabilir. Ayarlarken width='%50' yerine width='500' kullanırsan problemin kalmaz sanırım.

05-04-2010, 15:02:36

#6

~~apo~~

Üyeliği durduruldu

çözünürlük konusunu hallettim ancak bir problemim daha var.

firefox, ie7 - 8'de düzgün görünürken ie6'da problem var. problem ise, üstteki div ile alttaki div arasında uzun bir boşluk olması. diğer tarayıcılarda istediğim ölçüde boşluk ( bir <br> kadar) varken ie6'da yaklaşık 10 <br> lik boşluk var.

deneme yanılma yöntemiyle hangi div kodunda olduğunu şüphe ettiğim navbarın div class kodunu kaldırarak buldum. ama bu div'in css kodlarında ne değişiklik yaptıysam olmadı. sorunlu kodun şu an ki hali;

.navbar {
height: 100%;
background: url(theme/ses/navbar.jpg) no-repeat;
padding-right:18px;
font-size:12px;
width: 560px;
height: 48px;
position: relative;
float: left;
margin-top: -82px;
margin-left: 365px;
display: inline;
}

php dosyamda <div class="navbar">...</div> kaldırdığımda sorun ortadan kalkıyor. bu kodda sorun olduğunu düşündüğüm için sadece bunu yazdım mesaja.

05-04-2010, 15:07:42

#7

~~FeeLinG~~

Üyeliği durduruldu

bu tek senın karşılaştığın bir sorun değil.
Buradaki çoğu arkadaş bu sorunu yaşıyor. ve kimileri siteye ie 6 dan girişi yasaklayarak çözüyor.
Başka çözümleri elbette vardır yardımcı olmak isterdim ama ben profesyonel anlamda css bılmıyorum malesef

05-04-2010, 15:20:35

#8

KontW

apo adlı üyeden alıntı: mesajı görüntüle

çözünürlük konusunu hallettim ancak bir problemim daha var.

firefox, ie7 - 8'de düzgün görünürken ie6'da problem var. problem ise, üstteki div ile alttaki div arasında uzun bir boşluk olması. diğer tarayıcılarda istediğim ölçüde boşluk ( bir <br> kadar) varken ie6'da yaklaşık 10 <br> lik boşluk var.

deneme yanılma yöntemiyle hangi div kodunda olduğunu şüphe ettiğim navbarın div class kodunu kaldırarak buldum. ama bu div'in css kodlarında ne değişiklik yaptıysam olmadı. sorunlu kodun şu an ki hali;

.navbar {
height: 100%;
background: url(theme/ses/navbar.jpg) no-repeat;
padding-right:18px;
font-size:12px;
width: 560px;
height: 48px;
position: relative;
float: left;
margin-top: -82px;
margin-left: 365px;
display: inline;
}

php dosyamda <div class="navbar">...</div> kaldırdığımda sorun ortadan kalkıyor. bu kodda sorun olduğunu düşündüğüm için sadece bunu yazdım mesaja.

Bu tür sorunlarla karşılaşmamak için css reset kullan.
Eric Meyer's Css Reset

05-04-2010, 15:30:12

#9

~~FeeLinG~~

Üyeliği durduruldu

hocam ne işe yara bu css reset?
Açıklaman mümkünmüdür acaba?