Прижимание div position:absolute справа

qazibum · November 10, 2010

Всем привет.

Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать.

<div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="all">
	<div id="top"></div>
	<div id="center">
		<div id="content"><br /><br /></div>
		<div id="leftbox"><br /><br /></div>
		<div id="rightbox"><br /><br /></div></div>
		<div id="footer"></div>
</div>
</body></html>

css

body {
background: #0000FF;
height: 100%;
margin: 0;
padding: 0;
min-width: 1000px;
}
#all {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-top: -10px;
}
#top {
height: 100px;
}
#leftbox{
border:1px solid #000;
padding: 0;
top: 150px;
left: 0;
width: 200px;
float: left;
position: absolute;
overflow: hidden;
}
#rightbox{
border:1px solid #000;
padding: 0;
top: 150px;
right: 0px;
width: 200px;
float: right;
position: absolute;
overflow: hidden;
}
#content{
border:1px solid #000;
padding: 0;
width: 65%;
margin: 0 0 0 190px;
}
#center{
min-height: 600px;
width: 100%;
background: #fff;
}
#footer{
height: 100px;
overflow: hidden;
}

psywalker · November 10, 2010

Родительскому блоку релатив не ставим уже?

qazibum · November 10, 2010

Родительскому блоку релатив не ставим уже?

Благодарю.

Sign In

Прижимание div position:absolute справа

Question

qazibum

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

qazibum

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information