...

View Full Version : WEB PAGE CONTENT SCROLLING OVER DIV WITH CSS FIXED POSITION property



rleahong
01-10-2013, 07:03 PM
Trying to set z-index CSS property to prevent web page content from scrolling over "BANNERADS" div which has fixed position. Not successful so
far , can you tell what value to assign and possibly why it is not working.



#BANNERADS{
position : fixed;
Z-index : 3000;
top : 5PX;
left : 600;
width : 300PX;
}

Excavator
01-10-2013, 07:27 PM
Hello rleahong,
Hard to say what's going wrong there without seeing more code. The bit of CSS you've posted is invalid and we have no idea what else could be wrong...

Look at it this way -
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body {
margin: 0;
background: #fc6;
}
#bannerads {
height: 50px;
width: 300px;
position: fixed;
top: 5px;
left: 600px;
z-index: 1;
background: #0f0;
}
#container {
height: 4000px;
width: 800px;
margin: 55px auto;
background: #fff;
}
</style>
</head>
<body>
<div id="bannerads"></div>
<div id="container">
<!--end container--></div>
</body>
</html>

rleahong
01-11-2013, 07:18 PM
Before I get any further with this, the full information you requested on post
www.codingforums.com/showthread.php?p=1299075#post1299075 with
regarads to DIV within a container div out of algnment is now there waiting for you
to read it.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum