Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Footer frame image location problem

Status
Not open for further replies.

awingnut

Programmer
Feb 24, 2003
759
US
I have a 3 frame page that contains a footer at the bottom. The footer consists of an image that is 25 high. My frame height for that footer is also 25 high. The problem is that I cannot move the image to the top of the frame and when the page displays, the footer image is cut off. I tried increasing the footer frame height but that does not seem to matter. How can I make my footer image move to the very top of the frame? TIA.

Here is the frameset:
Code:
<frameset rows=&quot;90,*,25&quot; frameborder=&quot;NO&quot; border=&quot;0&quot; framespacing=&quot;0&quot;>
  <frame src=&quot;/menuframe.html&quot; name=&quot;topFrame&quot; scrolling=&quot;NO&quot; noresize >
  <frame src=&quot;/Introframe.html&quot; name=&quot;mainFrame&quot;>
  <frame src=&quot;/Copyright.html&quot; name=&quot;bottomFrame&quot; scrolling=&quot;no&quot; noresize>
</frameset>
Copyright.html page:
Code:
<html>
<head>
<title>Copyright Frame</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</head>

<body background=&quot;Images/TILE007.gif&quot;>
<div align=&quot;center&quot;><img src=&quot;Images/Copyright.jpg&quot; width=&quot;850&quot; height=&quot;25&quot; border=&quot;0&quot; usemap=&quot;#Map&quot;> 
  <map name=&quot;Map&quot;>
    <area shape=&quot;rect&quot; coords=&quot;747,1,817,33&quot; href=&quot;Mailto:%20support@mydomain.com&quot;>
  </map>
</div>
</body>
</html>
 
Change the body tag in the Copyright.html to read:

<body background=&quot;Images/TILE007.gif&quot; style=&quot;margin: 0px; padding: 0px;&quot;>

This should do the trick. You could also put it in the <style> tag in the head:
Code:
<style type=&quot;text/css&quot;>
 body {
  margin: 0px;
  padding: 0px;
 }
</style>
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top