hello all,

Can anyone please tell me how to fit a diagonal bg image all the time (also after resize) with a centered table with the same bg image, so all the diagonal lines fit exactly all the time. The centered table must have a width of 980px with a fixed bg image of 980x10, the main body bg image is 5x5px.

example here: http://www.newsclick.nl/test.html

I try to use 3 tables with right-align CSS behavior in the left table but to use all that nested tables makes the website soooooo slow.

Does anyone have a nice solution for this??

Thanks a lot!

best regards
Fraloom

Used Html:

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" title="style" type="text/css">
</head>
<body>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="/bgtop.png">
<div align="center">
</div></td>
</tr>
</table>
</body>
</html>


Used CSS:

body {
margin: 0; padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: Silver;
background-image: url(bg.png);
}

a:link {
color: Silver;
text-decoration: underline;
}

a:visited {
color: Silver;
text-decoration: underline;
}

a:hover {
color: #292F33; background-color:#f6821b; text-decoration:none;
}