Solved

Differences with browsers - help, going MAD!

Posted on 1998-08-03
11
149 Views
Last Modified: 2010-04-09
I'm trying to develop a web page with Front Page 98 and even though it looks good in the preview mode, it never looks right in the different browsers.  Here are some of the problems I've experienced:
1. Netscape Communicator 4.05 interprets code like, "<body background="images/moonface.gif" leftmargin="5">" as a pointer to (www.images.com) Why is this and how do I correct this??  Why haven't I encountered this bug before??  Does this have anything to do with the ISP's configuration?   I tried "./images/" but Frontpage keeps removing the "./" portion.
2. Even if I can get very close to what I want with IE3 and Netscape, the new IE4 (4.72.3110) for Win98 is totally off.  The simple table I created to display a graphic on the right is not even visible (or only a small portion is - scrolling doesn't  display more)!!

Is there a better HTML editor or I'm I just making stupid mistakes?   Still, I'm annoyed that the preview in Frontpage is so forgiving of errors.

If I receive a solution today, I'll add another 25pts!
Thank you
0
Comment
Question by:sconnell
11 Comments
 
LVL 4

Author Comment

by:sconnell
Comment Utility
Edited text of question
0
 
LVL 5

Expert Comment

by:stevemiller
Comment Utility
Your problem is one we all as HTML authors face all the TIME!  Each specific browser's HTML creator seems to be favored by it's associated browser and has some commands specific for that browser only.  More in a sec--

To solve the specific problem with the misreported link on your HTML doc is to either type in the full URL or try ../-- you only had one dot.

i personally create my pages in Netscape Composer, test them on both browsers, and then remove all the extra crap, if necessary, using Windows wordpad.

I do know Homesite 3.0 claims to be the most neutral of all HTML creators.  Supposedly these files work with any browser, I just haven't messed with it yet!

Sincerely,

steve
0
 
LVL 5

Expert Comment

by:stevemiller
Comment Utility
Oh yeah--

Your ISP is not causing this and as for the table, you might have to adjust the space percentages.  Something you see specifically by loading the HTML file into Wordpad.  

Generally, it is a good idea to become familiar with HTML itself even though you utilize a creator.  It makes things much easier when solving these little problems...

steve
0
 
LVL 1

Expert Comment

by:Sieger
Comment Utility
HomeSite favors a little bit toward IE since it uses it as preview browser... but they said IE is able to open internally through Homesite itself..
0
 
LVL 5

Expert Comment

by:stevemiller
Comment Utility
Well, as you can see, it all comes down to your personal pref, a little testing, and if you're happy with the results.

steve
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 4

Author Comment

by:sconnell
Comment Utility
Okay, here is the most current problem.   After much tweaking, I've been able to get this dang web page to look equally good in both Netscape (latest) and IE v3 *but* the Windows 98 version of IE doesn't display a photo placed in a table.  I have a two column table with text in the left column and a photo in the right column.   It looks good in all browsers (including FP98 preview) *except* the IE for Win98!!

I'll include the code:  (any ideas?)   thank you.

<div align="left">

<table border="0" width="640" height="266" cellspacing="0" cellpadding="0" align="left">
  <tr>
    <td width="372" height="266" nowrap><small><img src="images/ckmark.gif" width="15"
    height="15" alt="ckmark.gif (1015 bytes)">&nbsp;&nbsp;&nbsp; One of South Florida's
    leading computer vendors!<br>
*** stuff deleted **
    <td width="1" height="266" nowrap><p align="left"><img src="images/fortunet_1.jpg"
    width="320" height="213" alt="Our location at 3050 Biscayne Blvd., Miami, Fl."
    align="left"><br>

** WOW!  I just answered my own question!!!!!

Notice the td width?  It shows a value of "1"!  
Why didn't FP98 set this correctly and why did the other browsers ignore this setting of 1?

** The ending part.....
    <font color="#004080"><strong><small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Our
    location at 3050 Biscayne Blvd., Miami, Fl.</small><br>
    <small>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Telephone:
    305-573-0135&nbsp;&nbsp;&nbsp;&nbsp; Fax: 305-573-0139</small></strong></font></td>
  </tr>
</table>
</div>

Are there any other problems (or suggestions) about my coding?

Thank you.
0
 
LVL 1

Expert Comment

by:TypoError
Comment Utility
As to the HTML editor, HomeSite 3.0 *is* good. It creates valid HTML 4.0 without any extra crap (I've only used it a couple of times but it looked just great), it has lots of useful features (built-in ftp, document weight checker, HTML checker etc.). Also, you get a free 30-day trial period.

About the coding, I'd remove the extra &nbsp;s from the code and use either (deprecated) HSPACE or CSS to create the space in between the images and the text.

- TypoError
0
 
LVL 2

Expert Comment

by:bernfarr
Comment Utility
I do a lot of development that has to work on various versions of Netscape and IE for all three Windows platforms (Win 3.1, 95 and NT - don't consider 98 yet).

I've found that using a tool that validates my HTML helps remove many (not all) of my problems. The one I use can be found at:
  http://www.htmlvalidator.com/

Coincidentally it is also the one included with HomeSite.
0
 
LVL 12

Expert Comment

by:Otta
Comment Utility
> Here are some of the problems I've experienced:
> 1. Netscape Communicator 4.05 interprets code like,
>   <body background="images/moonface.gif" leftmargin="5">
>  as a pointer to (www.images.com)
> Why is this and how do I correct this??

Try:  <body background="/images/moonface.gif" ...

Some browsers take 'hostname/pagename',
and try to be "helpful" by changing this
to 'http://www.' plus 'hostname' plus '.com/pagename',
or 'http://www.' plus 'hostname' plus '.edu/pagename',
and then try to access this page.  

> Why haven't I encountered this bug before??

Just lucky, or did you recently "upgrade" your browser?

> Does this have anything to do with the ISP's configuration?

No.

> I tried "./images/" but Frontpage keeps removing the "./" portion.

Does it work without the "dot-dot" ?

> 2. Even if I can get very close to what I want with IE3 and
> Netscape, the new IE4 (4.72.3110) for Win98 is totally off.
> The simple table I created to display a graphic on the right
> is not even visible (or only a small portion is - scrolling
> doesn't display more)!!

Tables have to have 100%-correct HTML.
Make sure that you have one </TR> for each <TR>,
and be careful when you use 'COLSPAN=nn' or 'ROWSPAN=nn'
when building complex tables, and insert enough rows/columns
to "fill" those tables.

Also, omit any auto-inserted 'ALIGN=' and/or 'VALIGN=' tags
inside a '<TABLE>' tag, just to see if that makes a difference.

> Is there a better HTML editor

InContext Spider is at  http://WWW.InContext.COM

> Still, I'm annoyed that the preview in Frontpage is so
> forgiving of errors.

InContext's Spider auto-corrects "bad" HTML.



0
 
LVL 1

Expert Comment

by:dagon
Comment Utility
HomeSite can just as simply create invalid html, as it doesent actully write html, the user does.
0
 

Accepted Solution

by:
wschmidt080698 earned 50 total points
Comment Utility
O.k.  As for why FP and the other browsers displayed that correctly,  here is the possible reason as I've found it...

I notice that whenever i use the a set table size with the no wrap option, The text(or image) Will continue to overlap the border of the table and continue typing.  Mayhaps this is because of incorrect handling in the browsers coding and microsoft happened to fix it first with its IE4 for 98.  That, or the other browser just decided that maybe you want the whole image/text seen and so never set it to cut off any text that went outside of the table ( in essence, making tables with the nowrap option useful for formatting text and images but nothing more).  hopefully this helps somewhat.
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now