Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Płynny layout, lewa kolumna płynna a prawa - sztywna
AboutMe
post 17.11.2012, 15:56:40
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
!*!
post 17.11.2012, 16:04:02
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


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


--------------------
Nie udzielam pomocy poprzez PW i nie mam GG.
Niektóre języki programowania, na przykład C# są znane z niezwykłej przenośności (kompatybilność ze wszystkimi wersjami Visty jest wiele warta).
Go to the top of the page
+Quote Post
AboutMe
post 18.11.2012, 13:52:54
Post #3





Grupa: Zarejestrowani
Postów: 261
Pomógł: 0
Dołączył: 24.02.2008

Ostrzeżenie: (0%)
-----


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>


Ten post edytował AboutMe 18.11.2012, 13:54:52
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 7.07.2025 - 02:10