Flexible tasarımda boyutları ayarlıyamıyorum (Yardım)

Arkadaşlar çözünürlüğe göre boyutu değişen (flexible) bir tasarım yapıyorum yalnız boyutları ayarlıyamadım bir türlü.

css kodlarım

#content                {   min-width:1000px;     } 
#main-content            {    min-width:640px;  width:60%; border:5px solid #F95771; padding:10px; margin-right:20px; float:left;    }
#sidebar                {    min-width:300px; float:left; width:20%; border:5px solid #f95771;    }

xhtml kodlarım

<div id="content">
<div id="main-content"></div><!--maincontent-->
<div id="sidebar"></div><!--sidebar-->
</div><!--content-->

Ekran çözünürlüğüm 1680x1050.Şimdi çözünürlük bu şekildeyken ki width değerini % cinsinden ayarlıyorum sorun çıkmıyor.Yalnız küçülttüğüm zaman maincontent min-width değerini algılamayıp % cinsinden width algıladığı için boyutu 640px geçiyor ve sidebar aşşağıya kayıyor.Width değerini 1024x768 çözünürlükte kaymıcak şekilde ayarladığımda ise çözünürlüğü değiştirdiğimde tasarım büyüyor sorunsuz şekilde ama bu seferde arada çok fazla boşluk oluşuyor.

Örnek resim olarak:

Yüksek çözünürlükte sidebar 300px olacak şekilde görünüyor ve aradaki margin değeri kadar boşluk kalıyor ama 1024x768px de maincontent % değerinden width değeri aldığı için tasarımda kayma oluyor.
http://www.iimmgg.com/image/35ad3d8a...d081d9a1174e60

tasarımı 1024x768 çözünürlükte kaymıcak şekilde ayarladığım zaman da çözünürlüğü büyütünce şu şekilde kötü bir görüntü oluşuyor.

http://www.iimmgg.com/image/9ce20878...870cf468f9ae9e

absolute kullanmadan sorunu çözmek istiyorum ki sanırım absolute'te işime yaramıcak.Bunu çözmenin bir yolunu bilen varsa lütfen yardım etsin.

Profesyoneller nerdesiniz kırkyılda bi soru sorduk çözümü yokmu :|

olayı pek anlayamadım ama şu şekilde denermisin, sonucu da yazarsan işe yarar mı diye merak ediyorum..

"min-width:" ile uğraşmayın fazla. ie6 denen angut, bu kodu anlamıyor. r10'a üye olan çok kişi bile ie6 kullanıyor. sitenizden istediğiniz verimi alamazsınız.

çözünürlüğe uyduracaksanız, mecburen bazı fonksiyonlardan vazgeçeceksiniz. mesela 2 kolonlu bir yapı varsa, bir kolonu sabit yapacak, diğer kolona yüzde vereceksiniz. ama yüzdeli kolonun içeriğinde de kutucuklar varsa, bunları ayarlamak için ayrıca uğraşmak lazım.

Aynen bu dediklerini yapmak zorunda kaldım zaten, sağ kolonu mecbur sabit bırakıp sol kolonu % ile ayarladım ve sol kolon içinde videoResimleri vardı bunlarıda ayarlamak hayriyetten uğraştırdı.Yalnız daha önce % olarak değer vermediğimden sorunun neyden kaynaklandığını yada ne tür bir yol izlemem gerektiğini bilmiyordum.

@eshkidadlieric

Dediklerin haricinde en az 200 kombinasyon denemişimdir, hiç biri işe yaramadı.Yukarda bahsettim tam olarak aklımdakileri.

ikinizede teşekkürler.

"min-width:" komutunu ie6 yemiyor ben bu durumlarda şöyle yapıyorum;
#content { min-width:1000px; width:100%; }
/*Misal opera mozillada böle olsun*/
*html #content{width:1000px;}
/*Böyle dersekte sadece ie6da site sabit deger alır */

İstersen böyle dene dicemde ie6 için komple editlemen gerek.

Bildiğiniz gibi IE6 içerisinde javascript kodu yazabilme gibi bir avantajımız var. Bu durumda width değerleri için çözünürlük şöyle ise şunu yap şöyle ise şunu yap gibi bir if else kullanılabilir. Ya da ie üzerindeki bir çok problemi düzeltmek için http://code.google.com/p/ie7-js/ bunu kullanabilirsin.