Nu wil ik een footer onder mijn pagina bijzetten, maar deze zou mooi moeten meegaan met website en niet links blijven hangen.
Iemand die kan zeggen wat ik fout doe?
Dit is link http://project.ips-unlimited.com/luco/
Code sjabloon
Code: Select all
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>{sitename} - {title}</title>
{metadata}
{stylesheet}
</head>
</__body>
<div id="container_holder">
<div id="content_holder" class="container">
<div id="header">{content_image block='header' dir='images'}</div>
<div id="menu" class="navcontainer">{menu}</div>
<div id="content">
<div class="content">{content}</div>
</div>
</div>
<div id="footer">footer</div>
</div>
<__body>
</__html>Code CSS
Code: Select all
html {
margin: 0px;
padding: 0px;
}
body {
margin: 0px;
padding: 0px;
background: #000;
color: #FFF;
}
a {
text-decoration: none;
color: #FFF;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:active {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: underline;
color: #FFF;
}
div.container {
width: 1000px;
height: 100%;
margin: 0 auto;
background: #000;
overflow: hidden;
}
div#content_holder {
margin-top: 50px;
}
div#header {
width: 180px;
height: 100%;
float: left;
background: #000;
}
div#menu {
width: 230px;
height: 100%;
float: left;
background: #000;
}
div#content {
width: 590px;
height: 100%;
float: left;
background: #000;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
div#footer {
width: 1000px;
height: 50px;
background: #000;
float: inherit;
}
//menu
ul
{
list-style-type: none;
margin: 0;
}
div.title {
padding: 50px 10px 10px 50px;
font-family: Verdana, Arial, "Comic Sans Ms", sans-serif;
font-size: 150%;
}
div.content {
padding: 30px 10px 10px 10px;
font-size: 12px;
font-color: #FFF;
font-family: Verdana, Arial, "Comic Sans Ms", sans-serif;
}Andere bemerkingingen omtrent CSS zijn steeds welkom. Ik ben nog steeds aan het leren (mijn menu is de volgende stap)
Het was meer een algemene tip. Niet direct gerelateerd aan jouw vraag...