ansaurus

Question

How to remove gaps between FRAMEs without hurting HTML validity?

Answer 1

+2 A:

Use the frameborder attribute on your frame tags instead of border on the frameset tag. According to the HTML spec, there is no border (or frameborder) attribute defined for frameset tags.
In fact, all of the the W3C's page on frames is worth checking out. The example found there might be helpful to take a look at. You'll also want to make sure you're using a correct DOCTYPE.
In the example:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd"&gt;

Donut 2009-09-15 18:17:28

Unfortunately frameborder attribute doesn't work.

ssg 2009-09-19 14:31:39

Answer 2

+1 A:

According to my tests, these should work :

For Opera (10) :

frameSetObj.setAttribute("framespacing", "0");

For IE8 :

frameSetObj.setAttribute("framespacing", "0");
//set rows and cols attributes again if the frameset already had them.
frameSetObj.setAttribute("rows", rows);
frameSetObj.setAttribute("cols", cols);

For FireFox 3.5 and Chrome 3

frameSetObj.setAttribute("frameborder", "0");
//same idea as IE8
frameSetObj.setAttribute("rows", rows);
frameSetObj.setAttribute("cols", cols);

To summarize, this code should work on every browser:

frameSetObj.setAttribute("framespacing", "0");
frameSetObj.setAttribute("frameborder", "0");
frameSetObj.setAttribute("rows", rows);
frameSetObj.setAttribute("cols", cols);

çağdaş 2009-10-24 10:06:56

Yes this works like a charm. Creates a small nudge effect due to latency of onload event though, so I think this trick is far from being usable in real world scenarios. I took the liberty of adding a summary code at the end of your answer. Thanks!

ssg 2009-10-26 16:16:05

You're welcome :)

çağdaş 2009-10-27 04:42:12

ansaurus

tags:

views:

answers:

How to remove gaps between FRAMEs without hurting HTML validity?

related questions