Netscape acting weird with borders

[bellini]

I created a website in FrontPage 98 and it views fine in IE. But on all versions of Netscape that I tried, it doesn't look like what I designed. The left border is out of place. Can someone please help me understand what I am doing wrong? The url is: http://www.the-crayonbox.com

[This message has been edited by bellini (edited 12-28-2000).]

[Jason]

Hi bellini,

Can you please post your URL so the good folks lurkong about the forum can have a look? Thanks. :D

------------------
Jason M. DesRoches
Co-Founder / Business Development
Big Resources Network (http://www.bigresources.com)
jason@bigresources.com
ICQ: 17947522

[Ian]

Hi, what it comes down to is that netscape is reading your source correctly and IE isn't.
Your first table cell consists of your menu with image widths of 180 pixels, your table width for this cell is 1% ??. you then have a cell with nothing in it <td valign="top" width="24"></td>, NS does not like this, try inserting a blank/ transparent image of 24px width to correct the spacing.
This should be a start to makeing your site cross browser compatible anyway, please post again once you have corrected it and we'll see whats left.
Good luck.

------------------
Ian

Web Development - BIG Resources Inc
Head Guide - 123Webmaster.com (http://www.123webmaster.com/)
ian@123webmaster.com
BIG Resources.com (http://www.bigresources.com)
ICQ: 25828668

[bellini]

Now I really confused because I originally didn't setup a table. It was a shared border. I've since converted the pages to contain tables. I have seen some improvements since then. But since I am a beginner at html, I could not decipher how to change the pixels as you indicated and I tried the transparent image, and was not please with the results.

However, I am a little closer. Now the images in the left side table cells are in reverse order and appear as all the same link, when they are suppose to be different. Any ideas for a novice like me?
url: http://www.the-crayonbox.com

[This message has been edited by bellini (edited 01-03-2001).]

[anushi_s]

Hi Bellini

Your problem is quite simple.
You have a table immediately after the body tag with a width of "800" and height=100%

Just change the width from 800 pixels to 100%
So it should read as <table width="100%" height=100%>

Secondly, I notice that in netscape all your menu images get a border around them.
This is because those images are hyperlinks but you have not turned off the border for the images. Just replace all the inline style for the border that you have in those image tags with a simple border="0".
So your image tags in the menu will read something like:
<img src="programinfogreycrayon.gif" alt="program info" border="0" WIDTH="179" HEIGHT="30">

And then have a look at your page in Netscape including NN6.
Perfect!!

So just those 2 changes:
1.Width of the table immediately after the body tag to read 100%
2.All the images esp. those in the menu to have a border="0"

I have already tested your pages on my side with these changes and they now read perfect in all browsers, all versions.
Bye..... :)

------------------
Anusha Subrahmanyam

[bellini]

Anushi_s, dude you were right. That fixed my problems and it's working fine. I really appreciate your help and believe that this forum has done exactly what it was purposed to do. Thanks a million!

[Ian]

Hi bellini,
I just browsed over to your site in NS4.7, I must say your page in now looking GREAT. Hey, you can now get rid of that "Best viewed with IE5.X" on your page as it is best viewed in all browsers :). Well done.

------------------
Ian

Web Development - BIG Resources Inc
Head Guide - 123Webmaster.com (http://www.123webmaster.com/)
ian@123webmaster.com
BIG Resources.com (http://www.bigresources.com)
ICQ: 25828668