Netscape border / margin problem

Hi,

I am trying to make a web site netscape friendly.  The page works fine in IE but when viewed in Netscape, the left frame and main frame have borders around them (1 pixel wide).

http://svc001.bne006i.server-web.com/catalogue/mall/login_lna.html

The Beergear logo needs to be hard up against the top left hand corner and the 'welcome to Beergear' image needs also to be up hard asgainst the frame.  Can anyone help?? (i am using IE4 and Netscape 4.04)

Thanx,
Andy
atomicAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

chewymonCommented:
Try it this way.  You need to add frameborder and border to the frame src tags.


<frameset COLS="130, *" FRAMEBORDER="0" BORDER="0" SCROLLING="AUTO" FRAMESPACING="0" MARGINWIDTH="0" MARGINHEIGHT="0">
        <frame src="_listwin?id=20000&ctgorderby=graph_width" name="category" SCROLLING="AUTO" NORESIZE FRAMESPACING="0" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="no" BORDER="0">        
          <frameset ROWS="55, *, 30" FRAMEBORDER="0" BORDER="0" SCROLLING="AUTO" FRAMESPACING="0" MARGINWIDTH="0" MARGINHEIGHT="0">                
           <frame src="banner_lna.shtml" name="banner" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="no" BORDER="0">
           <frame src="welcome_lna.html" name="headerwin" SCROLLING="AUTO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="no" BORDER="0">
           <frame src="blank.html" name="statusbar" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0" FRAMEBORDER="no" BORDER="0">
         </frameset>
       </frameset>
0
atomicAuthor Commented:
Thanx but i had already tried that.  It doesn't help.  (I have uploaded the results of adding in the frameborders)

Any other suggestions?

Ta.
A.
0
chewymonCommented:
This is one of my sites that is seamless between frames in IE and NC both.

FRAMESET COLS="120,*%" FRAMEBORDER="no" BORDER="0">
<FRAME SRC="navbar.html" NAME="Left" SCROLLING="NO"  FRAMEBORDER="no" BORDER="0">
<FRAME SRC="paintballart.html" NAME="Right" SCROLLING="YES"  FRAMEBORDER="no" BORDER="0">
<NOFRAMES>


0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

chewymonCommented:
I just noticed this

><frameset COLS="130, *" FRAMEBORDER="0"


It should be

><frameset COLS="130, *" FRAMEBORDER="no"


0
atomicAuthor Commented:
I have changed this from Frameborder=0 to frameborder=no with no effect.  Can i be because i am using an image on the categroy and headerwin frame and a table in the banner page??  (You will notice that there is no border on the banner frame!!)

I am stumped.!!

A.
0
chewymonCommented:
This might help.  From Joe Barta's Web tutor:  
http://junior.apk.net/~jbarta/

The problem: you try to set frame borders to zero, but a thin line still appears between frames in some browsers.

The solution: set everything to zero. Sometimes different browsers understand different things. By covering everything that any browser might understand, you solve the problem. The only time this won't work completely is if you have fairly complex framesets. In that case there's often a stubborn remaining line that just won't go away no matter how hard you try.

Consider this example.

Here is the code for that page...


<FRAMESET ROWS="60,*">
  <FRAME SRC="doc1.html" NAME="top">
  <FRAMESET COLS="160,*">
    <FRAME SRC="doc2.html" NAME="left">
    <FRAME SRC="doc3.html" NAME="main">
  </FRAMESET>
</FRAMESET>

Now we'll set everything we possibly can to zero...

To the <FRAMESET> tags we'll add
  BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0

And to the <FRAME> tags we'll add
  BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 MARGINWIDTH=0 MARGINHEIGHT=0


<FRAMESET ROWS="60,*" BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 >
  <FRAME SRC="doc1.html" NAME="top" BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 MARGINWIDTH=0 MARGINHEIGHT=0 >
  <FRAMESET COLS="160,*" BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 >
    <FRAME SRC="doc2.html" NAME="left" BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 MARGINWIDTH=0 MARGINHEIGHT=0 >
    <FRAME SRC="doc3.html" NAME="main" BORDER=0 SPACING=0 FRAMEBORDER=0 FRAMESPACING=0 MARGINWIDTH=0 MARGINHEIGHT=0 >
  </FRAMESET>
</FRAMESET>

0
atomicAuthor Commented:
I have done some tests.  It only happens when i have an image as the first item in the page.  The frame is ok, i change the background to blue and noticed that there is no border (the only border is between the image and the frame.)

Does this help?
0
atomicAuthor Commented:
I have found that it was the resulting page needed to be set everything to 0.

In the body tag i added these parameters.

marginheight="0" marginwidth="0" bgProperties=fixed bottomMargin=0 leftMargin=0 rightMargin=0 topMargin=0

It works fine.  The only prob now is that the 55 pixel top frame doesn't line up with the left and middle frames but it does in IE.  (i can live with this if there is no fix!!)

A.
0
chewymonCommented:
Do you  have the revised page up so I can look at it?
0
atomicAuthor Commented:
0
chewymonCommented:
Maybe you could redo the left_tab.gif to have a black section in the lower right corner.  Sort of curving up from left lower corner to right upper corner; similar to the curve below it, but the other way.  This would disguise the mismatch and difference between the two browsers somewhat.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
atomicAuthor Commented:
I will need to do a little redesigning of the tab to make it work out.  I am not to phased about this little problem.  it seems bizarre that 55 pixels in the top frame and 130 pixels in the left frame do not actually equate to this when viewed in Netscape (the beergear logo is exactly 130 pixels and the frame size is exactly 130 but there is still a scroll bar)

Thanx for all your help
Andy:)
0
chewymonCommented:
Of course the other option is to make a top frame with the beergear logo and the links.  Turn the links in the left frame into an image map in the lower frame and table up the lower frame. Visually it would look almost identical and would eliminate the vertical scroll bar.
0
atomicAuthor Commented:
I will still need a yellow image below the beergear logo which will put the frame out of wack again!  The bottom scroll bars don't distirb me so much, its the uneven match between the Welcome to Beargear logo and the left frame.

A.
0
HocamCommented:
<BODY BGCOLOR="#FFFFFF" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" TEXT="#000000" LINK="#009900" VLINK="#336633" ALINK="#FFFF00">

Basically setting the global margins of the page to "0" should solve the problem in Netscape 4.x

I have the same problem in Netscape also.
I am sorry to say this, but I love IE5 even though it crashes once in a while...
0
atomicAuthor Commented:
Thank you Hocam,

I have already solved that problem, i have another problem that doesn't allow the tpo frame to level out with the left frame.  Check uot my page and you will see what i mean. (it has scroll bars on the leftframe but the width ofd the gif and the frame are both 130pixels.)

http://svc001.bne006i.server-web.com/catalogue/mall/login_lna.html

Thanx,
Andy
0
HocamCommented:
On the left frame, there is an image named "LNA_XXXX_on.gif" and also a break line above the image, I would recommend you take that space out.
In a 17" monitor 800x600 resolution I get the scroll bar and it looks bad...
If you take that space out, even 15" monitor should see your page perfectly.
By the way, I do not see what does not line up...everything lines up perfectly...

-Hocam
I have got 3 frames going on on my website. http://www.atanet.net
0
HocamCommented:
On the left frame, there is an image named "LNA_XXXX_on.gif" and also a break line above the image, I would recommend you take that space out.
In a 17" monitor 800x600 resolution I get the scroll bar and it looks bad...
If you take that space out, even 15" monitor should see your page perfectly.
By the way, I do not see what does not line up...everything lines up perfectly...

-Hocam
I have got 3 frames going on on my website. http://www.atanet.net/enu
0
atomicAuthor Commented:
Bizzare, it doesn't line up (the beargear and the welcome to beergear image doesn't line up)  I am using Netscape 4.04

My Javascript also causes an error in Netscape when I click ORDER!! (but not in IE)

A.
0
HocamCommented:
Does not line up horizontally or vertically?

If you are talking about horizontally, there is another image (left_tab3.gif) between your frame and (welcome_header.gif)

What are you using to develop your HTML code?
0
atomicAuthor Commented:
Horizontally.

The lefttab is used to create the curve. (The yellow doesn't align)

It may be because i have 1280x1024 res on my 21" monitor.

I use Notepad!!

Andy
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.