Jeg har fundet en løsning, som også virker, sådan nogenlunde.
Test side:
http://anakin.dk/latin.phpFade delen ser godt ud, men jeg kan ikke finde ud af at få lagt breadcrumbs, chart, og andre små ting ind ovenpå, således at de hele tiden kan ses, men så teksten på hovedsiden stadig fades ud.
Udsnit af CSS
body {
background-color : #c9dfc8;
margin-top : 25px;
margin-bottom : 175px;
/*
background-image : url("/images/bg-bottom.png");
background-position : bottom right;
background-repeat : repeat-x;
background-attachment : fixed;
position : fixed;
background-repeat : no-repeat;
*/
font-family : verdana;
font-weight : normal;
font-size : 12px;
line-height : 130%;
}
#page_wrap {
width : 100%;
z-index : 1;
margin : 10px auto;
}
#bottom_fade {
width : 100%;
height : 200px;
z-index : 99;
position : fixed;
bottom : 0px;
background : url("/images/bg-bottom.png") bottom left repeat-x;
}
Start.php (toppen af siden)
-- en masse java, SQL connect osv --
</head>
<body>
<div id="page_wrap">
<table width="<? echo $table; ?>" align="center" border="0">
<tr>
<td width="100%"><?php include($DOCUMENT_ROOT.'/php/menu.php'); ?></td>
</tr>
<tr>
<td width="100%" valign="top">
End.php (bunden af siden)
</td>
</tr>
<tr>
<td><hr /></td>
</tr>
</table>
<div id="bottom_fade"></div>
</div>
<div id="copyright">© <?php echo date("Y"); ?> Anakin.dk (v3.0) F. Pedersen</div>
</body>
</html>
--- Spørgsmål #2 ---
Der er et lille 'hul' i venstre side af fade-delen, selvom der er angivet "repeat-x". Som om der mangler omkring 10 px et sted ?!?
