Разъезжаются блоки.

Simel · June 27, 2012

Здравствуйте, при изменений размера окна браузера или просто ,при нажатий сtrl + , некоторые блоки в дизайне разъезжаются по сторонам.

Как избежать этой проблемы ?

Посмотреть что происходит , можно по этой сыллке http://www.nurme18.eu/fc/

Спасибо.

mrnobody · June 27, 2012

если возможно, то лучше вот так сделать, как мне кажется внутри #wrapper создать два блока: .right и .left., а в них уже поместить остальные дивы. И ДИВу .right задать float:right.

Пример — http://jsfiddle.net/CTrz3/

Код

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		body{
			font-size: 3em;
			background-color: #8ed129;
		}
		.right{
			float: right;
			padding: 10px;
			background-color: #8EC6EA
		}
		.right div{
			background-color: #3C59E3;
			margin: 10px;
		}
		.left{
			padding: 10px;
			background-color: #8CEA8A;
		}
		.left div{
			background-color: #E08725;
			margin: 10px;
		}
	</style>
</head>
<body>
	<div id="wrapper">
		<div class="right">
			<div>правый раз</div>
			<div>правый два</div>
			<div>правый три</div>
		</div>
		<div class="left">
			<div>левый раз</div>
			<div>левый два</div>
			<div>левый три</div>
		</div>
	</div>
</body>
</html>

Думаю, остальные параметры ты подберешь.

Sign In

Разъезжаются блоки.

Question

Simel

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

mrnobody

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information