float:left ile margin:auto kullanımı

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar float:left ile margin:auto kullanımı

Bu konudaki kullanıcılar: 1 misafir

2
Cevap 169
Tıklama 0
Öne Çıkarma

1. sayfa

float:left ile margin:auto kullanımı

Cevap Yaz

DH Anonim

8 yıl (28935 mesaj)

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;

}

JacquesC

8 yıl (2223 mesaj)

Binbaşı

Selam. Aşağıdaki Kullanım Daha Doğru Olacaktır.

#product{width:1000px; margin:25px auto;}
#product .box{width:500px; float:left; background:#FFFFFF;}
#product .left{height:450px; border:1px solid #000000;}
#product .right{height:450px; border:1px solid #000000; border-left:0;}
#product .clear{float:none; clear:both;}

<div id="product">
<div class="box">
<div class="left">Sol</div>
</div>
<div class="box">
<div class="right">Sag</div>
</div>
<div class="clear"></div>
</div>

< Bu ileti tablet sürüm kullanılarak atıldı >

Bu mesajda bahsedilenler: @uls123

OzMeN OzzY

8 yıl (2343 mesaj)

Binbaşı

Bak sana bir tavsiye veriyim bootsrap kullan.

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Tasarım ve grafik Web Tasarım ve Hazır Kodlar float:left ile margin:auto kullanımı