Nothing to see in firefox. I suppose it is a css issue but i'm not a hero in css coding.
My css for my site:
Code: Select all
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
background: url(/img/site/whitestripes.gif);
}
/**
* CSS for DIV's
*/
#container {
position: absolute;
top: 25px;
left : 50%;
width : 760px;
margin-left : -380px; /* -(width / 2 ) */
padding-bottom: 25px;
}
#container2 {
border: 1px solid #000000;
width: 100%;
height: 100%;
}
#banner {
height: 160px;
background: url(/img/site/banner.jpg);
}
#center {
width: 100%;
background: url(/img/site/bg.gif);
overflow: auto;
}
#content {
padding: 5px;
margin-left: 175px;
margin-right: 10px;
}
#menu {
float: left;
width: 160px;
\width: 170px;
w\idth: 160px;
padding: 5px;
}
#footer {
clear: both;
text-align: center;
background: url(/img/site/footer.jpg);
}
[...]
This is my template:
Code: Select all
<div id="container">
<div id="container2">
<div id="banner"></div>
<div id="center">
<div id="menu"><div class="HomeItem"><a href="index.php">Home</a></div>{NAV_LIST_ALL}<br><hr><br>
<b>Quicklinks:</b><br><a href="/moviedb/index.php">Personal MovieDB</a>
</div>
<div id="content">{CONTENT}</div>
</div>
<div id="footer">
[TOP]Omhoog[/TOP]
{SPACER:25x1}[BACK]Terug[/BACK]
{SPACER:25x1}[PRINT]Print[/PRINT]
{SPACER:25x1}<a href="index.php?zoeken" target="_self">Zoeken</a>
{SPACER:25x1}<a href="index.php?sitemap" target="_self">Sitemap</a>
</div>
</div>
</div>
overflow-x: hidden;
overflow-y: hidden;
in both: containter, container2, content but this isn't working.
Somebody who can see where my problem is?