spewn
Programmer
- May 7, 2001
- 1,034
here's my code:
very basic. however, depending on the size (height) that is in the "add content here" area, the space between the top red header and the top border of the browser window varies.
there's an error in the way i set up the page. although the sizing work great (no matter what the size of the content is, the page grows) but that little imperfection at the top of the page become annoying.
i have divs on a page that uses this template above, and when the div is hidden or shown, it affects the top space and shifts the whole page.
any help would be appreciated.
thanks.
- g
Code:
<html>
<head>
<style>
html {height:100%;margin-bottom:0px;}body {margin:0px;background-color:#FFFFFF;font-family:Arial;font-size: 70%;color:#333333;}
</style>
<title></title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
<meta name='Keywords' content=''><meta name='Description' content=''>
<meta http-equiv='imagetoolbar' content='no'>
</head>
<body>
<TABLE WIDTH="100%" HEIGHT="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" align="center" bgcolor="333333">
<tr><td><img src=img/spc.gif width=1 height=2 alt=''></td></tr>
<tr><td class=leftBar><img src=img/spc.gif width=1 height=250 alt=''></td>
<td valign=top width=670 style="background-image: url('');" bgcolor=ffffff>
<table cellspacing=0 cellpadding=0 align=center width=100%>
<tr>
<td width=100% bgcolor=red><img src=img/spc.gif width=1 height=50 alt=''></td>
</tr>
<tr>
<td align=center bgcolor=c1c1c1><img src=img/spc.gif width=1 height=1 alt=''></td>
</tr>
</table>
<table cellspacing=0 cellpadding=0 width=100%>
<tr valign=top>
<td style='padding-left:10;padding-right:10;'>
<table cellspacing=0 cellpadding=0 align=center width=100%>
<!--add site content here-->
</table>
</td>
</tr>
</table>
</td>
<td class=rightBar><img src=img/spc.gif width=1 height=250 alt=''></td>
</tr>
<tr>
<td class=leftBar><img src=img/spc.gif width=1 height=1 alt=''></td>
<td height=18>
<table cellspacing=0 cellpadding=0 width=670>
<tr>
<td align=center bgcolor=c1c1c1>
</td>
</tr>
<tr>
<td>
<table cellpadding=0 cellspacing=0 width=100%>
<tr>
<td>
<table cellspacing=0 cellpadding=0 bgcolor=red align=center width=100%>
<tr valign=middle>
<td height=18 style='font-size:11;color:efefef;font-family:arial;font-weight:900;padding-left:10;'></td>
<td height=18 style='font-size:11;color:efefef;font-family:arial;font-weight:900;padding-right:10;' align=right></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td class=rightBar><img src=img/spc.gif width=1 height=1 alt=''>
</td>
</tr>
<tr><td><img src=img/spc.gif width=1 height=2 alt=''></td></tr>
</table>
</body>
</html>very basic. however, depending on the size (height) that is in the "add content here" area, the space between the top red header and the top border of the browser window varies.
there's an error in the way i set up the page. although the sizing work great (no matter what the size of the content is, the page grows) but that little imperfection at the top of the page become annoying.
i have divs on a page that uses this template above, and when the div is hidden or shown, it affects the top space and shifts the whole page.
any help would be appreciated.
thanks.
- g