HTML - Frames - how to make the heading frame to show the full pictures in iit?

CanUHelpMe0 used Ask the Experts™
I ahve 2 pictures, 1 on top of the other that I want them to span the width of the header frame on a page with header, left and right columns in the center and then footer at the bottom.

I have the pictures set to 100% of the frame.  But how do I get it to resize the header / top frame so it shows the full height of the pictures?  it's cutting off the bottom of the bottom picture.

Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
can you paste your code here?
if you want to set the size of the frame which you are using as header you can use

<frameset cols="xx%,xx%"/>

if you want something to be default you can use <frameset cols="20%,*"/> here "*" will be equal to 80% i.e. the remaining space of the frame.


here's the code.  being that vertically, there's 3 frames - the header with just a picture in it (and the picture is set to span the frame horizontally), the body which would vary in height (what ever's left over from top and bottom) and the bottom has a bunch of links (which dupes the menu on the left frome.  maybe just do away with the bottom.  but how do you say - top frame size to fit the height of picture (which can change based on how wide the frame is / how wide the picture will be), bottom must be x pixels to fit the text (I have that figured out : ) and then the body height is whatever left over.



<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Lions Club</title>

<frameset rows="22%,66%,84" framespacing="0" border="1" frameborder="1">
      <frame name="top" scrolling="no" noresize target="contents" src="header.htm">
      <frameset cols="200,*">
            <frame name="contents" target="main" src="menu.html">
            <frame name="main">
      <frame name="bottom" scrolling="no" noresize target="contents" src="footer.html">

      <p>This page uses frames, but your browser doesn't support them.</p>


try giving your top frame an absolute value that will be large enough to accommodate your image. So if your image is 200px, you would have:

<frameset rows="200,*,84" framespacing="0" border="1" frameborder="1">

Allow the middle frame to be variable and make up the bulk of your page
James MurrellProduct Specialist

have to agree with pattyn on this one.....

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial