Witam! Mam takie kody:

HTML:

  1. <div id="left_menu">
  2. <h1>Sklep</h1>
  3. <ul>
  4. <li><a href="?app=vip">VIP Diablo</a></li>
  5. <li><a href="?app=slot">Slot</a></li>
  6. <li><a href="#">Reklamy</a></li>
  7. </ul>
  8. <div class="box_end">
  9. &nbsp;
  10. </div>
  11. </div>
  12.  
  13. <div id="left_menu">
  14. <h1>DiabloMod</h1>
  15. <ul>
  16. <li><a href="#">Nowości</a></li>
  17. <li><a href="#">Ranking graczy</a></li>
  18. <li><a href="#">Generator sygnatur</a></li>
  19. <li><a href="#">Opis klas</a></li>
  20. </ul>
  21. <div class="box_end">
  22. &nbsp;
  23. </div>
  24. </div>
  25.  
  26. <div id="right_content">
  27. <h1>Tytul</h1>
  28. <div class="box">
  29. Test
  30. </div>
  31. <div class="box_end">
  32. &nbsp;
  33. </div>
  34. </div>


Kod CSS:

  1. #left_menu {
  2. float: left;
  3. margin: 0 auto;
  4. background: url("images/1_062.png") no-repeat;
  5. width: 225px;
  6. clear:both;
  7. }
  8.  
  9. #left_menu h1 {
  10. font: bold 105% Arial, Sans-Serif;
  11. color: #FFF;
  12. text-transform: uppercase;
  13. margin: 15px auto;
  14. margin-bottom: 7px;
  15. text-align:center;
  16. clear:both;
  17. }
  18.  
  19. #left_menu ul {
  20. list-style: none;
  21. background: url("images/1_102.png") repeat;
  22. width: 223px;
  23. margin: 0 auto;
  24. display:block;
  25. }
  26.  
  27. #left_menu ul li a{
  28. display:block;
  29. padding:5px 10px 5px 25px;
  30. text-decoration: none;
  31. color: #FFF;
  32. }
  33.  
  34. #left_menu ul li a:hover
  35. {
  36. color: #FFF;
  37. background-color:rgba(0,0,0,1.0)
  38. }
  39.  
  40. #left_menu .box_end {
  41. background: url("images/1_142.png") no-repeat;
  42. width: 225px;
  43. margin: 0 auto;
  44. }
  45.  
  46. /* SRODKOWE ELEMENTY */
  47.  
  48. #right_content {
  49. background: url("images/1_082.png") no-repeat;
  50. float: right;
  51. width: 604px;
  52. margin: 0 auto;
  53. }
  54.  
  55. #right_content h1 {
  56. padding-top: 15px;
  57. font: bold 105% Arial, Sans-Serif;
  58. color: #FFF;
  59. text-transform: uppercase;
  60. text-align:center;
  61. }
  62. #right_content .box {
  63. margin-top: 5px;
  64. padding: 10px;
  65. width: 583px;
  66. background: url("images/1_11.png") repeat;
  67. color: #FFF;
  68. }
  69.  
  70. #right_content .box_end {
  71. background: url("images/1_16.png") no-repeat;
  72. width: 604px;
  73. }



Problem jest taki, że to co jest po prawej stronie, czyli right_content wyrównane jest do najniższego menu, a chcę to mieć na samej górze, jakieś porady?