1 reply [Last post]
kiwis
kiwis's picture
Offline
Enthusiast
Last seen: 1 year 18 weeks ago
Timezone: GMT+12
Joined: 2009-03-07
Posts: 68
Points: 108

my right columns are not on the right

<!-- CONTENT PAGE MENU -->
<div class="content-page">	
	<div class="left-col">
		<div class="news-window"><?php require_once('pages/news-script-top-15.php'); ?></div>
    </div>
 
    <div class="right-col">
		<div class="top-right">Test</div>
        <div class="bottom-right">Test</div>
    </div> 
</div>

.content-page{
	width:980px;
	height:500px;
 
}
 
.left-col{
	width: 500px;
	float: left;
}
 
.right-col{
	width: 200px;
	float: left;
}
 
 
.news-window{
	background:#E1E1E1;
	position:absolute;
	padding:5px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(csspie/PIE.htc);	
}
 
.top-right{
	background:#9F6;	
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 week 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi kiwis, You are positioning

Hi kiwis,
You are positioning news-window absolutely from what?
absolute positioning positions from the first parent element ( going up the tree) that has a position value of absolute or relative, otherwise it is from the body.