// EDIT: sam znalazłem banalne rozwiązanie. Należało dodać height: 100% do #panel1, #panel2

Trudno wyrównać dwa divy. Używałem JS ale nie był dla mnie dostateczny, ponieważ wysokość diva się często u mnie zmienia.
Postawiłem na tabelki i jestem zadowolony tylko trudno mi dodać menu w div z właściwością wysokości : 100%.
Jakieś pomysły? Za pomocną odpowiedź z góry dziękuję smile.gif

Oto kod:

[HTML] pobierz, plaintext 
  1. <head>
  2. <style type="text/css">
  3. body {margin: 0 auto; width: 800px;}
  4. #wrapper{
  5. 	display: table;
  6. 	overflow: hidden; /* clearance */
  7. }
  8. #panel1, #panel2{
  9. 	display: table-cell;
  10. 	vertical-align: top;
  11. 	width:400px;
  12. }
  13. #panel1{
  14. 	background-color: blue;
  15. }
  16. #panel2{
  17. 	background-color: grey;
  18. }
  19.  
  20. #sidebar, #content{
  21. 	float:left;}
  22. #sidebar{
  23. 	background-color: yellow;
  24. 	width: 100px;
  25. 	height: 100%;
  26. }
  27. </style>
  28. </head>
  29.  
  30. <body>
  31. 	<div id="wrapper"> 
  32.  
  33. 		<div id="panel1"> 
  34. 			<div id="sidebar">
  35. 				menu
  36. 			</div>
  37. 			<div id="content">
  38. 				<br/><br/><br/><br/><br/><br/><br/><br/><br/>end
  39. 			</div>
  40. 		</div>
  41. 		<div id="panel2"> 
  42. 			<br/>
  43. 		</div>
  44.  
  45. 	</div>
  46. </body>
[HTML] pobierz, plaintext