Css Menüyü Tasarım Alt'a Koyma.

Evet Arkadaşlar, dediğim gibi..

Sağ kolonu her zaman tasarım alt'a konulacağını herkes bilir.

Ama koyunca içerik yüzünden bozuluyor. Tasarım üste koyuyorum hiçbir sorun yok. Ama tasarım alta koymalıyım.

Ne yapmalıyım.

float ile sağ menü kullanıyorsanız tasarım üstünün en altına koymalısınız

Tasarım üstüne olamaz çünkü sol tarafta içerik olucak bu sefer sayfalardaki yazılar bozulur.
______________
Teknoanaliz'e hiç girmediniz mi? Hemen girin ve sitenizi düzenleyin!

float: right; kodu ile yönlendirmede önce yönlendirme yapılır ve daha sonra altındaki veriler okunur. Bu yüzden width doğru ayarlanmış ise tam yerleşir site. W3 böyle diyor

Salolun sanırım tasarımı bozmadan bu şekilde kullanmalıyım.

Bir çözüm şudur : Content bölümünü aynı zamanda sizin koyacağınız -sağ yani kategori bölümü diyelim- o bölümü de içine alan bir div daha oluşturursunuz. Content ve kategori bölümünün her ikisine float: left; özelliği verip yan yana sıralarsınız. Tabi divin aşağı kaymaması için burda width yani genişlik değerlerini iyi ayarlamalısınız. Mesela content ve kategori bölümümüzü içine alan divin genişliği 900px olsun. İçindeki content ve kategori divlerinin genişliklerini de padding ve marginleri de hesaba katarak en fazla 900px e tamamlamalısınız. Yani content bölümü örneğin: 700px olsun kategori bölümü de 200px olucak bu şekilde yaptığınızda kategori bölümünü hem sağda göstermiş hem de güzelce ayarlamış olursunuz.Tabi burda ayrıntı bu kadar değil. Height yani yükseklik de ayarlamamız lazım. Biliyorsunuz sayfaya çok yazı yazdıkça ve ya çok icerik ekledıkce sayfa aşağıya doğru uzayacak.Yani bi nevi tekrar edecek. Bu durumda height değerlerini iyi ayarlamazsak taşmalar olur. Onun için de önereceğim min-height: istediğiniz minimum icerik bölümü yüksekliği; ve height: auto; stillerini content ve kategori divine eklemeniz olacaktır.Küçük bir örnek yapalım:

HTML kodu:

CSS kodu:

______________