• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 277
  • Last Modified:

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
0
atomic
Asked:
atomic
  • 10
  • 7
  • 4
1 Solution
 
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
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

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

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 10
  • 7
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now