Solved

Making frames of exact dimensions

Posted on 2002-03-14
8
150 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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…

726 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