Solved

Making frames of exact dimensions

Posted on 2002-03-14
8
148 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
Industry Leaders: 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

Suggested Solutions

Title # Comments Views Activity
Javascript 2 38
Printing customized headers and footers using html and bootstrap 3 27
Accordion won't close correctly 5 13
Compute age Html 2 25
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

756 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