Płynny layout, lewa kolumna płynna a prawa - sztywna Opcje

[AboutMe]

Witam,

Jak zrobić layout który składa się z 2 kolumn gdzie prawa kolumna ma stałą szarokość np. 300px a lewa kolumna jest płynna (procentowa szerokość), obie kolumny razem stanową 100% szerokości okna przeglądarki.

Ten post edytował AboutMe 17.11.2012, 16:03:27

[!*!]

http://jsfiddle.net/UZwcz/4/

[AboutMe]

Dla potomnych podaję poniższy kod z prawą kolumną:

[HTML] pobierz, plaintext 
<style type="text/css">
body{
margin:0;
padding:0;
line-height: 1.5em;
}
 
 
#content{
position:relative;
margin-right:200px;
}
 
#rightcolumn{
position:absolute;
right:0px;
top:0px;
width: 200px; 
background: #C8FC98;
}
</style>
 
 
 
<div id="maincontainer">
 
<div id="content">
Donec mattis massa nec augue porta ac eleifend nulla dictum. Praesent nec mi sed massa porta congue. Donec tortor arcu, elementum non accumsan id, semper quis velit. Aliquam tempus interdum diam. 
</div>
 
 
<div id="rightcolumn">
Donec mattis massa nec augue porta ac eleifend nulla dictum. Praesent nec mi sed massa porta congue. Donec tortor arcu, elementum non accumsan id, semper quis velit. Aliquam tempus interdum diam.
</div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował AboutMe 18.11.2012, 13:54:52