Sağ Sol Bloklu Tasarım

S.a. Arkadaşlar
Sağ Sol Bloklu CSS Tasarım Yapıyorumda Bi Yerde Takıldım.

Şimdi Sağ Sol Bloklu Yapınca

Float Left ( Sol Taraf ) Float Center ( Orta ) Float Right (sağ )

Bu Şekilde Kayma oluyor bu şekilde atladım bu sefer hepsini float left yaptım oldu ancak fark ettimki
sağ da yada ortada bi yeri uzatınca kayıyor. bunu nasıl onlerim yanı nasıl bir yol izlemliyim sağ sol için.

kullandığınız 3 sutunuda içine kapsayan bir div alanınız varsa width değerini 100% yapın. Eğer kapsayan div'in genişliği oluştuduğunuz 3 alanın genişliğinden küçük oluyorsa doğal olarak kayma yapıyor olabilir.

zaten genel div mevcut ama kolonları yerleştirirken nasıl bir sistem izlemeliyim

left right center floatmı yoksa hpsi leftmi yada daha farklımı

float:center olayı yemiyo bende denemiştim, sadece left ve right için div aç, onları genel bi div içine al zaten onları html girdikten sonra biri sağda biri solda kalıyo onların arasına da orta dediğin bölümü yaparsın ama float değer vermeden.

Float Left ( Sol Taraf ) Float Center ( Orta ) Float Right (sağ )

float center diye bişey yok ortalamak için margin kullanman gerekiyor... tabi isteğe görede margin left right değerleride verilebilir...

Alttaki css mantığına uygun hareket ederseniz kolayca oluşturabilirsiniz.Gerekli kalınan durumlarda "float:right;" komutuyla da sağa yaslayabilirsiniz.ayrıca "float:center;" diye bir özellik de yok.

#kapsayıcı { width:900px; margin-left:auto; margin-right:auto; }

/*kapsayıcının içine alınacak divler*/
#sol { float:left; width:300px; }
#orta { float:left; width:300px; }
#sag { float:left; width:300px; }

tüm kolonlarına float: left; uygula. hepsi yan yana dizilir. margin değeri vererek de birbirlerine yapışık olmasını engelleyebilirsin.

Kapsayıcı da kullanırsanız daha iyi olur ne yaptıklarınız kaymaz

Float left , right vermen tek başına bir işe yaramaz. Eğer ana kapsayıcı 500px , ortada kalan 3 div'in her biride 200 pxl ise 600 px eder ve taşar.
İlk 2 div'e left verirsin, pxl'e dikkat et , border verdiklerini bile hesapla , Sonuncuya right verirsin , ana div'in 500pxl ise border felan vermediysen 500/3 = 165px eder. İlk ve Son div'e ne değerler verdiğin önemli , ortada kalana left'te versen , right'ta versen ortada kalacaktır , taşma , kayma gibi bir sorun olmadığı müddetçe.