How to prevent 2 division panels from overlapping.

Hi,

I would like to draw a bar on my website. I use divisions. But my bar has to be split in 2. So I geuss I need to division-panels.
One alignted on the right with the size 400. And the left division panel has the width 100%. But the left panel is overlapsing the right panel. How can I prevent this? Greetings, Peter Kiers

CSS

Last Comment

Peter Kiers

8/22/2022 - Mon

Peter Kiers

11/20/2014

ASKER

Or am i doing it wrong I just need a top bar devided in 2.

COBOLdinosaur

11/20/2014

Without a link to the page or the rendered code I can not even guess what is wrong other then the general comment that the dimensions or positioning must be wrong.

Cd&

Peter Kiers

11/20/2014

ASKER

Oke sorry here it comes.:

#page {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:1;
}
#imagearea {
	position:absolute;
	right:0px;
	top:0px;
	width:400px;
	height:100px;
	z-index:2;
	background-image: url(picts/home.jpg);
	background-color: #2555A2;
	border-left: #173769;
}
#logoarea {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100px;
	z-index:2;
	background-color: #2555A2;
}
</style>
</head>

<body>
<div id="page"></div>
<div id="imagearea"></div>
<div id="logoarea">
  <script type="text/javascript" src="java/header.js"></script>
</div>
</body>
</html>