Merhabalar,
iki kolondan oluşan bir sayfa düzeni oluşturmaya çalışıyorum.
Olay şu :
Soldaki div'in width değeri 100% olacak
Sağdakinin 400px;
Birbirlerine yapışmamaları için aralarında 3-5 pixel bırakmam gerekiyor.
Yani sayfayı çekiştirdiğimizde sağdakinin width değeri sabit iken soldaki uzayıp kısalarak sayfayı dolduracak.
Nasıl yapabilirim ?
iki kolondan oluşan bir sayfa düzeni oluşturmaya çalışıyorum.
Olay şu :
Soldaki div'in width değeri 100% olacak
Sağdakinin 400px;
Birbirlerine yapışmamaları için aralarında 3-5 pixel bırakmam gerekiyor.
Yani sayfayı çekiştirdiğimizde sağdakinin width değeri sabit iken soldaki uzayıp kısalarak sayfayı dolduracak.
Nasıl yapabilirim ?
HTML:
<style type="text/css">
.sol {width:100%; background:#666; float:left;}
.sag {width:300px; background:#03C; float:right;}
</style>
<div class="sol">
<h2>SOL</h2>
</div>
<div class="sag">
<h1>SAĞ</h1>
</div>