Проблем с float

[lam3r4370]

http://rssreaderbg.net/cssexam/
Защо двете бели кутии не са на едно и също ниво?

 

[pweb]

// style.css
промени това

#content {
    float:left;
	background:#ffffff;
	width:685px;
	border:3px solid #4445b1;
	margin-top:50px;
		-moz-border-radius:20px;
}
#leftc {
	background:#ffffff;
    margin-top:50px;
	float:right;
	width:267px;
	height:200px;
	border:3px solid #4445b1;
	-moz-border-radius:20px;
}

 

[php_css]

пробвай със position:absolute; left:0px;top:0px;като top и left регулирай пикселите и ще стане

 

[shterev]

Така не ти работи, защото:

на #content , си задал clear:both; махаш го и слагаш float:left;
на #leftfc също махни clear:both; тък поне имаш float:right;

 

[streleca_stz]

На някой може да им изглежда смешно написано така, но при мен върши работа

Замени

	<div id="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id odio sit amet justo ullamcorper lacinia. Nulla consectetur malesuada tortor, vel interdum elit iaculis at. Proin auctor enim ac leo faucibus vehicula. Maecenas tincidunt tempor quam eu bibendum. Pellentesque eget turpis metus. Pellentesque a venenatis purus. Maecenas tempus volutpat viverra. Duis dignissim egestas leo, ut tincidunt ipsum suscipit nec. Pellentesque felis dolor, consectetur lacinia feugiat non, tempus non lacus. Sed commodo eleifend orci, nec faucibus ante auctor in. Maecenas risus sapien, facilisis at accumsan non, rhoncus sit amet magna. Proin nec quam sed est commodo tincidunt. 
	</div>
		<div id="leftc">
		
	</div>
	<div class="clear"></div>

С това

<div class="left">
	<div id="content">
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id odio sit amet justo ullamcorper lacinia. Nulla consectetur malesuada tortor, vel interdum elit iaculis at. Proin auctor enim ac leo faucibus vehicula. Maecenas tincidunt tempor quam eu bibendum. Pellentesque eget turpis metus. Pellentesque a venenatis purus. Maecenas tempus volutpat viverra. Duis dignissim egestas leo, ut tincidunt ipsum suscipit nec. Pellentesque felis dolor, consectetur lacinia feugiat non, tempus non lacus. Sed commodo eleifend orci, nec faucibus ante auctor in. Maecenas risus sapien, facilisis at accumsan non, rhoncus sit amet magna. Proin nec quam sed est commodo tincidunt. 
	</div>
</div>
<div class="right">
	<div id="leftc"></div>
</div>
<div style="clear: both;"></div>

И към CSS-a добави:

.left{float: left;}
.right{float: right;}

Аз винаги използвам този метод (въпреки че сигурно има и по - добър) и винаги си е бачкало

 

[shterev]

@streleca_stz Метода ти и метода който той ползва са абсолютно идентични. Самоче про твоя случай правиш 2 излишни елемента

 

[streleca_stz]

@streleca_stz Метода ти и метода който той ползва са абсолютно идентични. Самоче про твоя случай правиш 2 излишни елемента

Аха.. еми значи моя няма да му свърши работа.. аз по принцп знам че си правя само излишни дивове, но като гледам при мен винаги работи и за това винаги така си го правя, но явно трябва малко да си променя метода, защото само си губя времето да пиша код..