[CSS][HTML] Wyrównanie dwóch divów Opcje

[Turson]

Jest tak...
http://iv.pl/images/06300473238258080703.jpg


Prawy div jest za króki.
clear:both nie pomaga

[HTML] pobierz, plaintext 
<div class="page">
	<div id="menu">
		<div class="menu_left">
			<div class="logo"></div>
		</div>
		<div class="menu_right">
			  <ul>
                <li><a href="#">link</a></li>
                <li><a href="#">link</a></li>
			</ul>
		</div>
	</div>
	<div class="main">
		<div class="left">
			<div class="l_cnt">
				lewo<br>lewo<br>lewo<br>lewo<br><br>lewo<br>lewo<br>
			</div>
		</div>
		<div class="right">
			<div class="r_cnt">
				<div class="szukajka">
					<form action="#" method="POST">
						<input type="text" name="szukaj" class="">
						<input type="submit" name="wyslano" class="">
					</form>
				</div>
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
body{
background:url(images/bg.jpg)repeat-x;color:black
}
.page{
margin:0px auto;
width:1000px;
height:auto;
margin-top:50px;
border:1px solid #606060;
}
#menu{
background:url(images/menu_bg.jpg) repeat-x;
height:50px;
width:auto;
}
.menu_left{
float:left;
width:120px;
}
.logo{
background:url(images/logo.png) no-repeat;
width:112px;
height:42px;
margin-left:10px;
}
.menu_right{
float:right;
width:880px;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
 
#menu ul li {
    float: right;
	border-right: 1px dotted #515151;
	 height: 50px;
}
 
#menu ul li a {
    display: block;
    float: left;
    padding: 15px 25px 15px 25px;
    font-family:Letter Gothic Std;
	letter-spacing:0px;
	font-size:17px;
    text-decoration: none;
    color:#d1d1d1;
	text-shadow: 1px 1px 7px #222222;
 
}
 
#menu ul li a:hover {
    color: white;
    background:url(images/menu_bg_hover.jpg) repeat-x;
	width:#e9e9e9;
}
.main{
width:100%;height:100%
}
.space{
padding-top:50px
}
.left{
float:left;
width:700px;
height:100%;
background-color:#fbfbfb;
overflow:hidden;
}
.right{
float:right;
width:300px;
background-color:#eeeeee;
overflow:hidden;
height:100%;
}
.l_cnt{
padding:50px 15px 50px 15px;
}
.r_cnt{
padding:50px 15px 50px 15px;
}
.clear{clear:both}
[CSS] pobierz, plaintext 

Ten post edytował TursoN 23.08.2013, 16:25:20

[lobopol]

nie zrobisz tego tak, daj tło prawego elementu klasie main

[Turson]

No tak, działa.

Jest jednak ale. Gdy lewa strona jest za krótka to przyjmuje tło prawej

[lobopol]

to daj lewemu min heighta

[kujol]

U mnie wszystko niby w porządku jest, a nic nie zmieniałem.