Позиция на бокс

Johny_Rocker

Registered
http://source.bg2.info/sads/

Кутията с наименование "ДЕСНО", как може да я сложа отдясно до тези големите ?
 
За централните ти боксове си правиш един див и слагаш всички централни боксове в него. На този див му задаваш float:left; Правиш втори див и слагаш "Десно" в него. Ако не се оправи пробвай да сложиш и на него float:left; или float:right;
 
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title> Добре дошли!</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style>
		.center{
			width:1000px;
			margin:0 auto;
		}
		.left{
			width:700px;
			float:left;
		}
		.right{
			width:200px;
			height:100px;
			float:right;
			background: #000;
			color:#fff;
		}
		.news{
			width:700px;
			height:100px;
			border: solid 1px #000000;
		}
	</style>
</head>
	<body>
		<div class="center">
			<div class="left">
				<div class="news">
					новини
				</div>
			</div>
			<div class="right">
				ДЕСНО
			</div>
			<div style="clear:both;"></div>
		</div>
	</body>
</html>
Използвай логиката на този код ;)
 
Трябва да ги сложиш в един общ див, за да се позиционират left center right другия начин е с position:relative; и position:absolute; но с тях ще излиза разместено под различните резолюции!
 
много неправилно подредено.. но за да иде боксва в дясно пробвай така
намери това
#menu_brd2{
border:1px solid #000;
background:#FFFFF;
width:201px;
float:right;
color:#000000;
}

// целия код е месеница ? копирал си и си пействал от някъде пълна мешеница сложил си в индекса сичко в общ див Site а в css-a няма такъв див. Виж горе поста на Shterev примера какво повече искаш ?
 
Johny_Rocker каза:
и като напиша да е в дясно и става мазало.

мазало ? слагаш ли див, който да чисти в индекса ? добре, защо не ползваш примера на Shterev ? дал ти е точен пример, как да го направиш ..

а за мазалото сложи в индекса след кода за кутииката, която стои в дясно...
Код:
<div style="clear:both;"></div>
 

Back
Горе