HTML:
Kod CSS:
#left_menu { float: left; margin: 0 auto; background: url("images/1_062.png") no-repeat; width: 225px; clear:both; } #left_menu h1 { font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase; margin: 15px auto; margin-bottom: 7px; text-align:center; clear:both; } #left_menu ul { list-style: none; background: url("images/1_102.png") repeat; width: 223px; margin: 0 auto; display:block; } #left_menu ul li a{ display:block; padding:5px 10px 5px 25px; text-decoration: none; color: #FFF; } #left_menu ul li a:hover { color: #FFF; background-color:rgba(0,0,0,1.0) } #left_menu .box_end { background: url("images/1_142.png") no-repeat; width: 225px; margin: 0 auto; } /* SRODKOWE ELEMENTY */ #right_content { background: url("images/1_082.png") no-repeat; float: right; width: 604px; margin: 0 auto; } #right_content h1 { padding-top: 15px; font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase; text-align:center; } #right_content .box { margin-top: 5px; padding: 10px; width: 583px; background: url("images/1_11.png") repeat; color: #FFF; } #right_content .box_end { background: url("images/1_16.png") no-repeat; width: 604px; }
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?