CSS Проблем

[Anonymous]

Ето я проблемната част от CSS кода:

	#content {
		margin-top:105px;
		margin-left: auto ;
		margin-right: auto ;
		border:solid 1px #000000;
		width:940px;
	}

	div#leftSide{
		float:left;
	}

	div#centerSide{
		float:left;
		margin-left:10px;
	}

	div#rightSide{
		float:right;
	}

<div id="content">
<div id="leftSide">lqvo</div>
<div id="leftSide">sreda</div>
<div id="leftSide">dqsno</div>
</div>

Въпреки, че на W3C валидатора ми изкарва 0 грешки във HTML&CSS на #content нарочно съм поставил border, за да виждам как се позиционира, и виждам, че не е правилно. Вместо да се разпъва когато се сложат тези 3 div-а той седи сгънат, все едно няма съдържание, и когато сложа нещо извън тях div#rightSide слиза надолу, а другите стоят без да помръдват. Аз си мисля, че проблема е във div#rightSide Ако може да ми помогнете във позиционирането на това, ще съм Ви много благодарен. Ако не е ясно нещо питайте, следя темата. :?:

 

[Hous]

защо и на 3те дива има float left?
Иначе с друго аз не виждам как да ти помогна тъй като си дал мн малко инфо.Или дай пример или повечко код(ние да си направим пример)

 

[Anonymous]

2-та div-а са left, гледах го от гугъл, немога да дам точно обяснение защо е там ... ако смяташ, че ще се справиш дай скайп на ЛС да гледаш ДЕМО и да пробваш на живо?

 

[shterev]

Ами след 3-те дива слжи див , който изчиства флоатинга: пимерно <div style="clear:both"></div> , а др ти проблем нещо не схванах