Показать сообщение отдельно
  #3 (permalink)  
Старый 31.01.2015, 21:05
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от VolodinAS
Внутри него необходимо разместить 2 div'а с шириной пополам внутри этого container.
Это можно сделать как с использованием float... Так и position... Все зависит от информации по высоте того container.

Сообщение от VolodinAS
Но также внутри этого container должен быть текст, размер которого не влияет на смещение границ этих пополамных дивов.
Как вариант...

<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
* {
	margin: 0;
	padding: 0;
}
#container {
	position: relative;
	overflow: hidden;
}
#text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#left {
	float: left;
	width: 50%;
}
#right {
	margin-left: 50%;
}
</style>
<script type='text/javascript'>
</script>
</head>
<body>
<div id='container'>
	<div id='text'>Тут просто обычный текст...</div>
	<div id='left'>left</div>
	<div id='right'>right</div>
</div>
</body>
</html>
Ответить с цитированием