White Space between frames

Question

0.00/5 (No votes)

See more:

All,
I have an old web application which is now giving me issues while opening in Firefox/Chrome. Basically, the web has frame layout (I know its not recommended, but I dont really have to time to change this).

Below is the framelayout,

XML

<html xmlns="http://www.w3.org/1999/xhtml">
    <frameset rows="84,*">
        <frame src="1.html" name="menu" noresize="noresize" frameborder="no">
        <frameset cols="25%,*" >
            <frameset rows="*,20%" >
                <frame src="1.html" name="index" frameborder="no">
                <frame src="1.html" name="docindex">
            </frameset>
            <frameset rows="16,*" >
                <frame src="1.html" name="pathbar" frameborder="no">
                <frameset rows="*,0" >
                    <frame src="1.html" name="content"  frameborder="no">
                    <frame src="1.html" name="navigation" frameborder="no">
                </frameset>
            </frameset>
        </frameset>
    </frameset>
</html>

1.html is nothing but a black page,

XML

<html>
<body style="background-color:red;">
</body>
<html>

What I see is that there is white space after the menu frame. Any help would be much appreciated. Thanks in advance.

Posted 29-Dec-10 2:08am

Manas Bhardwaj

Updated 29-Dec-10 3:26am

v2

Add a Solution

Comments

Manfred Rudolf Bihy 29-Dec-10 11:48am

Hi Manas, I've updated my answer to reflect your needs and if you were the one who downvoted me, I'd appreciate (and deserve) reconsideration. Thank you.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manfred Rudolf Bihy · Answer 1 · 2010-12-29T03:53:00

Hello Manas,

all you need to do is use frameborder="0" and framespacing="0" attributes in the frameset tag like in my modification of your code:

Elaborated example

Frameset.html:

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
    <frameset rows="84,*" frameborder="0" framespacing="0" >
        <frame src="1.html" name="menu" noresize="noresize" frameborder="no">
        <frameset cols="25%,*" frameborder="0" framespacing="0" >
            <frameset rows="*,20%" frameborder="0" framespacing="0" >
                <frame src="DocIndex.html" name="index">
                <frame src="Index.html" name="docindex">
            </frameset>
            <frameset rows="16,*" frameborder="0" framespacing="0" >
                <frame src="1.html" name="pathbar" frameborder="no">
                <frameset rows="*,0" frameborder="0" framespacing="0" >
                    <frame src="1.html" name="content"  frameborder="no">
                    <frame src="1.html" name="navigation" frameborder="no">
                </frameset>
            </frameset>
        </frameset>
    </frameset>
</html>

DocIndex.html:

HTML

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="./BodyStyles.css" />
    </head>
    <body class="doc">
    </body>
<html>

Index.html:

HTML

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="./BodyStyles.css" />
    </head>
    <body class="index">
    </body>
<html>

1.html:

XML

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="./BodyStyles.css" />
    </head>
    <body class="rest">
    </body>
<html>

BodyStyles.css:

CSS

body.rest {
    border-left: solid 0px blue;
    border-right: solid 0px blue;
    border-top: solid 0px blue;
    border-bottom: solid 0px blue;
    background-color: red;
}

body.doc {
    border-left: solid 2px white;
    border-right: solid 2px white;
    border-top: solid 2px white;
    border-bottom: solid 0px white;
    background-color: red;
}

body.index {
    border-left: solid 2px white;
    border-right: solid 2px white;
    border-top: solid 0px white;
    border-bottom: solid 2px white;
    background-color: red;
}

I still advice you to use the seamless frameset approach. In the codes given above I have shown you how to style your content to render the desired borders. Study the given example and use style sheets to achieve what you're after. Given this you should now be able to work work out your solution.

That's it! Try it out and play around with it ... :cool:

P.S.: This example was tested and found to be working in IE8 ~~and FireFox 3.6.~~

Regards, Manfred

White Space between frames

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us