Link to home
Start Free TrialLog in
Avatar of atomic
atomic

asked on

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
Avatar of chewymon
chewymon

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>
Avatar of atomic

ASKER

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


I just noticed this

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


It should be

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


Avatar of atomic

ASKER

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

Avatar of atomic

ASKER

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?
Avatar of atomic

ASKER

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.
Do you  have the revised page up so I can look at it?
ASKER CERTIFIED SOLUTION
Avatar of chewymon
chewymon

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of atomic

ASKER

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:)
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.
Avatar of atomic

ASKER

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.
<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...
Avatar of atomic

ASKER

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
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
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
Avatar of atomic

ASKER

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.
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?
Avatar of atomic

ASKER

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