Разместване на колони

[DobriMcConnor]

Здравейте,

Тръгнах да кодирам един дизайн, но изникна един проблем. Има две колони, задал съм им float: left, right, но едната отива надолу.
Снимка - http://prikachi.com/images/706/7220706Z.png

[css]
#containersite { width: 962px; margin: 0 auto; }


#left { float: left; }

.lqvbox { background: url(images/menu_center.png) no-repeat; width: 640px; height: 54px; color: #e39d24; font-size: 18px; font-family: 'Roboto', sans-serif; margin-top: 10px; padding: 16px 0 0 30px; }
.lqvbox-text { background: #fff; width: 630px; margin: -16px 0 10px 0; padding: 5px; border-radius: 1px; }

#right { float: right; }

.desenbox { margin: 10px; background: url(images/menu_right.png) no-repeat; width: 300px; height: 54px; text-align: center; color: #ffffff; font-size: 15px; }
.desenbox-text { margin: 10px; width: 291px; }[/css]

<div id="containersite">

	<div id="left">
		<div class="lqvbox">Текст дадада</div>
		<div class="lqvbox-text">Lorem Ipsum е елементарен примерен текст, използван в печатарската и типографската индустрия. Lorem Ipsum е индустриален стандарт от около 1500 година, когато неизвестен печатар взема няколко печатарски букви и ги разбърква, за да напечата с тях книга с примерни шрифтове. Този начин не само е оцелял повече от 5 века, но е навлязъл и в публикуването на електронни издания като е запазен почти без промяна. Популяризиран е през 60те години на 20ти век със издаването на Letraset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.</div>

	</div>
	
	<div id="right">
		<div class="desenbox">Текст дадада</div>
		<div class="desenbox-text">Lorem Ipsum е елементарен примерен текст, използван в печатарската и типографската индустрия. Lorem Ipsum е индустриален стандарт от около 1500 година, когато неизвестен печатар взема няколко печатарски букви и ги разбърква, за да напечата с тях книга с примерни шрифтове. Този начин не само е оцелял повече от 5 века, но е навлязъл и в публикуването на електронни издания като е запазен почти без промяна. Популяризиран е през 60те години на 20ти век със издаването на Letraset листи, съдържащи Lorem Ipsum пасажи, популярен е и в наши дни във софтуер за печатни издания като Aldus PageMaker, който включва различни версии на Lorem Ipsum.</div>
	</div>
	
</div>

Пробвах да увелича width на div-а в който са менютата, но пак не става.

 

[sn1p3r]

Здравей, DobriMcConnor

Ще ти покажа аз обикновено как го правя, но ако някой друг ти покаже по-добър вариант може да използваш неговото:

[css]#left { float: left; width: 70%;}
#right { float: right; width: 30%;}[/css]

смени си ги в css-а и ще се наместят

 

[DobriMcConnor]

Никаква промяна. :/

 

[sn1p3r]

Никаква промяна. :/

Хм.. Странно я покажи как се получи кода, защото според мен няма как да няма ефект.

 

[DobriMcConnor]

Бях разменил div-овете. Благодаря!+1