lostyazilim
tr.link

Sağa Sola Tam Yaslama - CSS

16 Mesajlar 15.521 Okunma
lstbozum
tr.link

FurkanEkmen FurkanEkmen think, move, design. Kullanıcı
  • Üyelik 14.02.2012
  • Yaş/Cinsiyet 26 / E
  • Meslek think, move, design.
  • Konum Muğla
  • Ad Soyad F** E**
  • Mesajlar 692
  • Beğeniler 164 / 167
  • Ticaret 5, (%100)
Merhabalar,

Arkadaşlar bu konuda sıkıntı yaşıyorum. Oluşturduğum bir divi sağa ve sola (%100) yaslamak istiyorum ama sağdan ve soldan birer pixellik boşluklar oluşuyor. Aynı şekilde üsttende oluşuyor. Ayrıca dive padding attığımda ise sağdan taşıyor ve sayfayı kaydırıyor.

Kullandığım kod aşağıdaki şekilde;
Yazı


Sorun yaşayan arkadaşlar için çözüm:



DENEME



İlk div sağa ve sola yaslamak için,
İkinci div ise diğer değerleri kullanmak içindir.
 

 

think, move, design.
IG: furkanekmen
wmaraci
reklam

easlanhan easlanhan WM Aracı Kullanıcı
  • Üyelik 14.11.2013
  • Yaş/Cinsiyet 35 / E
  • Meslek Private Sector
  • Konum Malatya
  • Ad Soyad E** A**
  • Mesajlar 819
  • Beğeniler 1 / 211
  • Ticaret 0, (%0)
Özel bir alan eklediysen, yani div'den önce direk body yoksa önceki alanıda background ile elişkilendir. o alanada siyah verirsen olur.
 

 

FurkanEkmen FurkanEkmen think, move, design. Kullanıcı
  • Üyelik 14.02.2012
  • Yaş/Cinsiyet 26 / E
  • Meslek think, move, design.
  • Konum Muğla
  • Ad Soyad F** E**
  • Mesajlar 692
  • Beğeniler 164 / 167
  • Ticaret 5, (%100)

easlanhan adlı üyeden alıntı

Özel bir alan eklediysen, yani div'den önce direk body yoksa önceki alanıda background ile elişkilendir. o alanada siyah verirsen olur.


Sorunu çözdüm sayılır aslında ama halen bir sorun var.

Deneme


Yukarıdaki kodları kullanınca istediğim oluyor ama padding verince yine sağdan taşıyor :/
 

 

think, move, design.
IG: furkanekmen

easlanhan easlanhan WM Aracı Kullanıcı
  • Üyelik 14.11.2013
  • Yaş/Cinsiyet 35 / E
  • Meslek Private Sector
  • Konum Malatya
  • Ad Soyad E** A**
  • Mesajlar 819
  • Beğeniler 1 / 211
  • Ticaret 0, (%0)

Furkan Ekmen adlı üyeden alıntı

Sorunu çözdüm sayılır aslında ama halen bir sorun var.

Deneme


Yukarıdaki kodları kullanınca istediğim oluyor ama padding verince yine sağdan taşıyor :/


sağa sola yaslasdıysan taşma nasıl oluyor ki?
 

 

wmaraci
wmaraci

FurkanEkmen FurkanEkmen think, move, design. Kullanıcı
  • Üyelik 14.02.2012
  • Yaş/Cinsiyet 26 / E
  • Meslek think, move, design.
  • Konum Muğla
  • Ad Soyad F** E**
  • Mesajlar 692
  • Beğeniler 164 / 167
  • Ticaret 5, (%100)

easlanhan adlı üyeden alıntı

sağa sola yaslasdıysan taşma nasıl oluyor ki?


Sağa sola padding vermeden sıkıntı yok. Ama dive padding atınca taşıyor.
Çözemedim bende.
 

 

think, move, design.
IG: furkanekmen

kelebek kelebek WM Aracı Kullanıcı
  • Üyelik 11.05.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Geliştirici
  • Konum Malatya
  • Ad Soyad E** K**
  • Mesajlar 3142
  • Beğeniler 60 / 764
  • Ticaret 5, (%100)
Sıfırlamaları yaptın mı?
 

 

sui fidelis sui fidelis a.k.a phoenix Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek Hukukçu
  • Konum İstanbul Anadolu
  • Ad Soyad Y** K**
  • Mesajlar 123
  • Beğeniler 5 / 16
  • Ticaret 0, (%0)
div tanımına
margin: 0px;
padding: 0px;

eklerseniz sorun kalmaz.

Ayrıca position: absolute; top: 0; left: 0; right: 0; kullanmanıza da gerek kalmaz, eğer kullanımı başka sebebe bağlı değilse.
 

 

i have a bad feeling about this | Hetemele.com

FurkanEkmen FurkanEkmen think, move, design. Kullanıcı
  • Üyelik 14.02.2012
  • Yaş/Cinsiyet 26 / E
  • Meslek think, move, design.
  • Konum Muğla
  • Ad Soyad F** E**
  • Mesajlar 692
  • Beğeniler 164 / 167
  • Ticaret 5, (%100)

sui fidelis adlı üyeden alıntı

div tanımına
margin: 0px;
padding: 0px;

eklerseniz sorun kalmaz.


Ama ben padding vermek istiyorum sorun o.
 

 

think, move, design.
IG: furkanekmen

sui fidelis sui fidelis a.k.a phoenix Kullanıcı
  • Üyelik 27.11.2013
  • Yaş/Cinsiyet 40 / E
  • Meslek Hukukçu
  • Konum İstanbul Anadolu
  • Ad Soyad Y** K**
  • Mesajlar 123
  • Beğeniler 5 / 16
  • Ticaret 0, (%0)
Padding yine verin hangi taraftan vermek istiyorsanız. Aynı anda kullanılabilir bu değerler.

Örnek:

padding: 0px;
padding-top: 5px;
padding-left: 3px;

vs. vs.
 

 

i have a bad feeling about this | Hetemele.com

Morfran Morfran Hi again. Kullanıcı
  • Üyelik 06.03.2012
  • Yaş/Cinsiyet 29 / E
  • Meslek Tasarım, Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad V** Ç**
  • Mesajlar 763
  • Beğeniler 106 / 172
  • Ticaret 16, (%100)

Furkan Ekmen adlı üyeden alıntı

Ama ben padding vermek istiyorum sorun o.


İç içe 2 div oluşturacaksınız 1. div çerçeve 2. div padding için olacak






böylece anadivde padding:0; iken iç divde 10px olduğundan yazı çerçevenin kenarlarına değmeyecek.
FurkanEkmen

kişi bu mesajı beğendi.

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al