Making frames of exact dimensions

Posted on 2002-03-14
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 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">


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.
Question by:harvk
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
LVL 18

Expert Comment

ID: 6867503
your "exact dimensions" are going to look different on every browser....

Author Comment

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?


Author Comment

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?

Technology Partners: 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

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">

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.
LVL 12

Expert Comment

ID: 6867823
And for getting the exact dimension. check out the css recomendations

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.

LHN Interactive
LVL 18

Expert Comment

ID: 6868314

for more info on SSI check here....

LVL 22

Expert Comment

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.


Author Comment

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

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

734 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