PHP interesse |
|
ik heb het volgende probleem, ik werk met een relative container waar met absolute mijn divs in staan. nu heb ik een footer maar die komt niet in beeld... zou niet weten welke waarden ik de footer moet meegevgen in css dat hij juist in beeld komt...
mijn stukje html:
<div id="container">
<div id="containerHeader">
<object type="application/x-shockwave-flash" data="images/layout_header.swf" width="600" height="162">
<param name="movie" value="images/layout_header.swf" />
<param name="loop" value="false" />
</object>
</div>
<div id="containerMenu">
<div id="divMenu"></div>
<div id="divSearch">
<form name="search" method="post" action="">
<input type="text" name="keyword" id="keyword" size="6" /> <input type="image" name="submit_search" id="submit_search" src="images/icons/search.png" />
</form>
</div>
</div>
<div id="containerLeftContent">
<div class="text_left">
{content}
</div>
</div>
<div id="containerRightContent">
<div class="text_right">
<h2>Menu</h2>
<div id="menuList">
<ul>
<li><a href="?p=1">home</a></li>
<li><a href="?p=2">projecten</a></li>
<li><a href="?p=3">webdesign</a></li>
<li><a href="?p=4">logo & huisstijl</a></li>
<li><a href="?p=5">grafische vormgeving</a></li>
<li><a href="?p=6">contact & offertes</a></li>
</ul>
</div>
</div>
</div>
<div id="containerFooter">
©Copyright 2007 Moorman Webdesign<br />
<a href="http://validator.w3.org/check?uri=referer"><img src="images/icons/xhtml-valid.gif" border="0px" alt="Valid XHTML 1.0 Transitional" /></a> <a href="http://jigsaw.w3.org/css-validator/"><img src="images/icons/css-valid.gif" border="0px" alt="Valid CSS!" /></a>
</div>
</div>
<div id="container"> <div id="containerHeader"> <object type="application/x-shockwave-flash" data="images/layout_header.swf" width="600" height="162"> <param name="movie" value="images/layout_header.swf" /> <param name="loop" value="false" /> </object> </div> <div id="containerMenu"> <div id="divMenu"></div> <div id="divSearch"> <form name="search" method="post" action=""> <input type="text" name="keyword" id="keyword" size="6" /> <input type="image" name="submit_search" id="submit_search" src="images/icons/search.png" /> </form> </div> </div> <div id="containerLeftContent"> <div class="text_left"> {content} </div> </div> <div id="containerRightContent"> <div class="text_right"> <h2>Menu</h2> <div id="menuList"> <ul> <li><a href="?p=1">home</a></li> <li><a href="?p=2">projecten</a></li> <li><a href="?p=3">webdesign</a></li> <li><a href="?p=4">logo & huisstijl</a></li> <li><a href="?p=5">grafische vormgeving</a></li> <li><a href="?p=6">contact & offertes</a></li> </ul> </div> </div> </div> <div id="containerFooter"> ©Copyright 2007 Moorman Webdesign<br /> <a href="http://validator.w3.org/check?uri=referer"><img src="images/icons/xhtml-valid.gif" border="0px" alt="Valid XHTML 1.0 Transitional" /></a> <a href="http://jigsaw.w3.org/css-validator/"><img src="images/icons/css-valid.gif" border="0px" alt="Valid CSS!" /></a> </div> </div>
en mijn stukje css:
#container {
position: relative;
width: 600px;
margin: 0px auto;
}
#containerHeader {
position: absolute;
left: 0px;
width: 600px;
height: 162px;
}
#containerMenu {
position: absolute;
top: 162px;
left: 0px;
width: 600px;
height: 38px;
vertical-align: top;
}
#containerLeftContent {
position: absolute;
top: 200px;
left: 0px;
width: 360px;
}
#containerRightContent {
position: absolute;
top: 200px;
right: 0px;
width: 200px;
background-image: url('../images/stripe.png');
background-position: top left;
background-repeat: no-repeat;
}
#containerFooter {
position: absolute;
left: 0px;
width: 600px;
text-align: center;
}
#container { position: relative; width: 600px; margin: 0px auto; } #containerHeader { position: absolute; left: 0px; width: 600px; height: 162px; } #containerMenu { position: absolute; top: 162px; left: 0px; width: 600px; height: 38px; vertical-align: top; } #containerLeftContent { position: absolute; top: 200px; left: 0px; width: 360px; } #containerRightContent { position: absolute; top: 200px; right: 0px; width: 200px; background-image: url('../images/stripe.png'); background-position: top left; background-repeat: no-repeat; } #containerFooter { position: absolute; left: 0px; width: 600px; text-align: center; }
wie kan me aub helpen, groejtes rob.
|