Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Płynny layout
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
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.
!*!
http://jsfiddle.net/UZwcz/4/
AboutMe
Dla potomnych podaję poniższy kod z prawą kolumną:

  1. <style type="text/css">
  2. body{
  3. margin:0;
  4. padding:0;
  5. line-height: 1.5em;
  6. }
  7.  
  8.  
  9. #content{
  10. position:relative;
  11. margin-right:200px;
  12. }
  13.  
  14. #rightcolumn{
  15. position:absolute;
  16. right:0px;
  17. top:0px;
  18. width: 200px;
  19. background: #C8FC98;
  20. }
  21.  
  22.  
  23.  
  24. <div id="maincontainer">
  25.  
  26. <div id="content">
  27. 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.
  28. </div>
  29.  
  30.  
  31. <div id="rightcolumn">
  32. 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.
  33. </div>
  34.  
  35. </div>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.