Solved

Making frames of exact dimensions

Posted on 2002-03-14
8
147 Views
Last Modified: 2010-04-09
My HTML for this is simple, by the book:


<frameset cols="140,638" frameborder="0" framespacing="0" border="0">
     
     <frameset rows="90,*" frameborder="0" framespacing="0" border="0">
          <frame src="logo.html" noresize scrolling="no" name="logo">
          <frame src="menu.html" noresize scrolling="no" name="menu">
     </frameset>
     
     <frameset rows="140,*" frameborder="0" framespacing="0" border="0">
          <frame src="banner.html" noresize scrolling="no" name="banner">
          <frame src="main.html" noresize scrolling="yes" name="main">
     </frameset>

</frameset>


But the frames are larger (by10-30 pixels) than the dimensions I defined. For the two top frames I have two images of dimensions 648*90 and 140*90 and I just want them to be together, without empty space in between them. Thanks in advance.
0
Comment
Question by:harvk
8 Comments
 
LVL 18

Expert Comment

by:bruno
ID: 6867503
your "exact dimensions" are going to look different on every browser....
0
 
LVL 1

Author Comment

by:harvk
ID: 6867510
So, how can you get frames fuctionality without <FRAME>s?

E.g. to keep a homepage link on the top with a logo, fixed, without having to load it everytime?

0
 
LVL 1

Author Comment

by:harvk
ID: 6867538
So, how can you get frames fuctionality without <FRAME>s?

E.g. to keep a homepage link on the top with a logo, fixed, without having to load it everytime?

0
PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

 
LVL 19

Accepted Solution

by:
webwoman earned 50 total points
ID: 6867800
Server side includes... and if you're repeating the logo, it will be in the cache after the first page and shouldn't have to be redownloaded every time.

But if you want no borders/margins, try this...
<frameset rows="90,*" marginwidth="0" marginheight="0" framespacing="0" framespacing="0" frameborder="0" border=0>
    <frame src="topdoc.html" name="top_frame" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0" framespacing="0">
    <frame src="maindoc.html" name="main" frameborder="0" scrolling="Auto" marginwidth="0" marginheight="0" framespacing="0">
</frameset>

Dimensions are different, I didn't bother to change them.
And don't use so many frames, it's really not necessary. I can understand a side and main frame, but to divide it up further just causes more and more problems later on.

Also, frames aren't always listed correctly in the search engines, they can't be bookmarked right, and they're extremely hard to print.

Which is why server side includes are preferable. At least, for menus/logos/banners/etc.
0
 
LVL 12

Expert Comment

by:lexxwern
ID: 6867823
And for getting the exact dimension. check out the css recomendations http://www.w3.org/.

ad the style attribute for your img tag, imean if you want your logo to be right at the top of the page,
<img src="logo" style="position:absolute;left:1;top:1;">
and WEBWOMAN is right on the cache thing. images will get stored in the browsers memory once downloded.

lexxwern
LHN Interactive
0
 
LVL 18

Expert Comment

by:bruno
ID: 6868314
harvk,

for more info on SSI check here....

http://www.bignosebird.com/ssi.shtml



BRUNO
0
 
LVL 22

Expert Comment

by:CJ_S
ID: 6869344
webwoman's code should be enough.

IE can get exact resolutions. Netscape cannot, unless you do some calculations. Netscape does something weird. You need to give some exact dimensions (multiplied by 6) for the browser to show the exact size as requested.

Otherwise it'll take the nearest possible size.

CJ
0
 
LVL 1

Author Comment

by:harvk
ID: 6869692
It just worked. I probably should have read all the tag parameters :) Thanks everybody.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question