CSS'de Sayfa genişliğini tüm sayfalarda sabitlemek

04-07-2014, 00:06:44

Merhaba arkadaşlar eski konuyu hortlatmak istemedim ,

eski konu: https://www.r10.net/html-css-xml/1283...abitlenir.html

Bu konuda problemim giderilmişti arkadaşın verdiği aşağıdaki css koduyla

max-width:980px;
overflow:hidden;

Ancak overflow:hidden diyince scrollbar ın kaybolduğunu görüyorum yani yan kaydırma çubuğunun

, overflowu kaldırıncada sayfanın her sayfası yine ayrı büyüklüklere geçiyor buna nasıl kalıcı bir çözüm sağlarım ?

04-07-2014, 00:13:21

#2

sever2k7

Diğer konuda yazdığınıza göre, blok oluşturup ekliyorsunuz.
Bu yüzden sayfa genişliyor.
Peki, oluşturduğunuz blok'a neden width ve height değeri verip, bu sorunu aşmayı denemiyorsunuz?
Bu şekilde olması da gerekiyor zaten.

04-07-2014, 00:18:30

#3

Khloros

overflow-x: hidden;

04-07-2014, 00:20:43

#4

Electr0sis

anladım hocam bloklarada genişlik değeri veriyorum ancak onlarda içindeki harekete göre genişliyor yani stopluyacak bir koda ihtiyacım var benim

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:19:37 -->-> Daha önceki mesaj 00:18:32 --

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

overflow-x: hidden;

scroolbar göründü ancak sayfa sabitlenmedi

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:20:43 -->-> Daha önceki mesaj 00:19:37 --

Bu benim body varmı bir dangozluk bunda

body {
max-width:980px;
// çıkartıldı mecburen overflow: hidden;
margin: 0 auto;
color:#000000;
font:normal 76%/1.8em Georgia, serif;
background:#f8f8f8;

}

04-07-2014, 00:22:31

#5

Khloros

Hocam sayfa web üzerinde ise örneği ve yapmak istediğiniz şeyi pm atar mısın?

04-07-2014, 00:25:23

#6

sever2k7

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

anladım hocam bloklarada genişlik değeri veriyorum ancak onlarda içindeki harekete göre genişliyor yani stopluyacak bir koda ihtiyacım var benim

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:19:37 -->-> Daha önceki mesaj 00:18:32 --

scroolbar göründü ancak sayfa sabitlenmedi

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 00:20:43 -->-> Daha önceki mesaj 00:19:37 --

Bu benim body varmı bir dangozluk bunda

Şeklinde dener misiniz?

body	{ 
width:auto;
max-width:980px;
margin: 0 auto;
color:#000000; 
font:normal 76%/1.8em Georgia, serif; 
background:#f8f8f8;

 }

04-07-2014, 00:45:36

#7

Electr0sis

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

Şeklinde dener misiniz?

body	{ 
width:auto;
max-width:980px;
margin: 0 auto;
color:#000000; 
font:normal 76%/1.8em Georgia, serif; 
background:#f8f8f8;

 }

Üstadım buda olmadı ancak şöyle birşey keşfettim sayfa ortalama margin: 0; ı kaldırdığımda sola yaslanıyor site ve her sayfa düzgünce eşit genişlikte açılıyor , ancak sayfayı margin 0 ile tekrar ortaladğımda bu sorun ortaya çıkıyor bende aşağıdaki kodu uyguladım

    margin-left: 4%; 
    margin-right:4%;

Şimdilik sitenin her sayfası eşit genişlikte açılıyor , sizce bu uyguladığım margin olayı stabilmidir yani ilerde sıkıntı çıkartırmı bana yoksa sayfayı daha sağlıklı ortalamanın yolu varmıdır ? .

04-07-2014, 00:50:48

#8

sever2k7

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

Üstadım buda olmadı ancak şöyle birşey keşfettim sayfa ortalama margin: 0; ı kaldırdığımda sola yaslanıyor site ve her sayfa düzgünce eşit genişlikte açılıyor , ancak sayfayı margin 0 ile tekrar ortaladğımda bu sorun ortaya çıkıyor bende aşağıdaki kodu uyguladım

    margin-left: 4%; 
    margin-right:4%;

Şimdilik sitenin her sayfası eşit genişlikte açılıyor , sizce bu uyguladığım margin olayı stabilmidir yani ilerde sıkıntı çıkartırmı bana yoksa sayfayı daha sağlıklı ortalamanın yolu varmıdır ? .

Sıkıntı çıkmaz.
Bir de şu kodu deneyin.Bu kez olması gerekiyor

width:980px;
max-width:980px;
margin: 0 auto;
display: inline-block;

margin: 0 auto; ortalamak için kullanılıyor.

04-07-2014, 00:59:44

#9

yugocu

Olmaz ise genişilik kodunun sonuna !important ekle örnek width:980px !important;