CSS float:left ile Margin:auto Kullanımı

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI CSS float:left ile Margin:auto Kullanımı

Bu konudaki kullanıcılar: 1 misafir

9
Cevap 713
Tıklama 0
Öne Çıkarma

1. sayfa

CSS float:left ile Margin:auto Kullanımı

Cevap Yaz

DH Anonim

7 yıl

Yarbay

Konu Sahibi

Merhabalar css de yaşadığım bir sorundan bahsetmek istiyorum şöyle 1 adet ana div var ve 2 adet normal div var ben bunları yan yana sıraladım fakat 2 div ide ortaya alamadım yani şöyle margin-left ile alabilirim ama bu tam ölçülü olmadığı için yapamadım yardımlarınızı bekliyorum



#product {
  width:auto;
  min-height:500px;
  margin-top:25px;
  margin-bottom:25px;
  margin:auto;
}
.left {
  width:500px;
  height:450px;
  border-left: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  float:left;
  margin:auto;

}
.right {
  width:500px;
  height:450px;
  background: #fff;
  border: 1px solid #e2e2e2;
  float:left;
  margin:auto;

}

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme

kingman29

7 yıl

Yarbay

Ne yapmaya çalıştığını anlamadım. 2 tane div, ana div'in içinde mi yoksa altında mı?

< Bu ileti mobil sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

Guest-167C3FB6B

7 yıl

bir adet ana div içinde ise 2 tane divi yanyana koyup sonra ise 2 divi de ana divin içinde ortalama

Bu mesajda bahsedilenler: @kingman29

hyrgul

7 yıl

Yüzbaşı

margin: auto; genişliği belli olan div'lerde çalışır. genişliğin de auto olması belirsizliktir.

Bu mesaja 2 cevap geldi.

Guest-167C3FB6B

7 yıl

ben onu 100% şeklinde de denedim ama sonuç alamadım başka bir şey kullanabilirmiyim

Bu mesajda bahsedilenler: @hyrgul

Guest-167C3FB6B

7 yıl

belirli bir pixel versem de yine ölçek sorunu oluyor birisi bir kenara daha yakın oluyor gibisinden

Bu mesajda bahsedilenler: @hyrgul

hyrgul

7 yıl

Yüzbaşı

Kaplayıcı etiketin piksel veya yüzde cinsinden, taşıdığı divlerin toplam genişliği kadar sabit bir genişliğe sahip olmalıdır. Sonra margin: auto; ile ortaya gelir. Bunun %100 olması hiç genişliğinin olmaması ile aynıdır.
Sonra içerdeki divlere sadece genişlik ve float veriyoruz. onun dışında genişliğe etki edecek bir özellik vermiyoruz. Vermek istersek bunların da içinde iç divler yaparak en içdeki divlere veriyoruz.
Son olarak boş temizle div'i ekleyerek float etkisinden kurtulmamız gerekir.
Ekteki resme bakınız.

< Resime gitmek için tıklayın >

< Bu mesaj bu kişi tarafından değiştirildi hyrgul -- 13 Mart 2018; 21:22:32 >
Bu mesaja 1 cevap geldi.

Guest-167C3FB6B

7 yıl

Cevabınız İçin Teşekkür Ederim Dedikleriniz ile css sorgusu baştan tasarlayacağım

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @hyrgul

Guest-167C3FB6B

7 yıl

sayenizde işe yaradı tekrarda teşekkürler

Bu mesajda bahsedilenler: @uls123

DLI

7 yıl

Yüzbaşı

flexbox ile yapabilirsin. Linkte örnek hazırladım.
https://jsfiddle.net/ucmv3bv5/2/

< Bu mesaj bu kişi tarafından değiştirildi DLI -- 15 Mart 2018; 1:34:33 >

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI CSS float:left ile Margin:auto Kullanımı