• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 158
  • Last Modified:

Making frames of exact dimensions

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
harvk
Asked:
harvk
1 Solution
 
brunoCommented:
your "exact dimensions" are going to look different on every browser....
0
 
harvkAuthor Commented:
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
 
harvkAuthor Commented:
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
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
webwomanCommented:
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
 
lexxwernCommented:
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
 
brunoCommented:
harvk,

for more info on SSI check here....

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



BRUNO
0
 
CJ_SCommented:
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
 
harvkAuthor Commented:
It just worked. I probably should have read all the tag parameters :) Thanks everybody.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now