[grinditwp]

Originally posted by aquastorm@Oct 31 2008, 11:43
Visa CSS:en för container. Den får inte vara "position: absolute" vad jag förstår för att det ska funka.

Så här ser det ut;

#site {
	width:900px;
	margin:auto;
}
#header {
	background:url(../image_layout/main_elements.png) 0 0 no-repeat;
	width:900px;
	height:184px;
}
#middle {
	background:url(../image_layout/main_mid.png) repeat-y;
	width:900px;
}
#footer {
	background:url(../image_layout/main_elements.png) 0 -184px no-repeat;
	width:900px;
	height:116px;
}
#navigation {
	float:left;
	margin-left:5px;
	width:160px;
}
#content {
	float:left;
	margin-left:5px;
	width:465px;
	padding-left:5px;
	padding-right:5px;
}
#box {
	width:200px;
	height:80px;
	position: absolute;
	top: 26px;
	left: 0px;
	z-index:1;
	border:#000000 1px dashed;
	background:#CCCCCC;
}
.endFloat{
	clear:both;
}

<div id="site">
<!--HEADER START-->
<div id="header">
<div id="box">INFO!</div>
</div>
<!--HEADER END-->
<!--MID START-->
<div id="middle">
  <!--NAVIGATION START-->
  <div id="navigation">
  Test<br />
  test!<br />
  test!<br />
  </div>
  <!--NAVIGATION END-->
  <!--CONTENT START-->
 <div id="content">
  Test<br />
  test!<br />
  test!<br />
 </div>
  <!--CONTENT END-->
  <div class="endFloat"></div>
</div>
<!--MID END-->
<!--FOOTER START-->
<div id="footer"></div>
<!--FOOTER END-->
</div>