Solved

Differences with browsers - help, going MAD!

Posted on 1998-08-03
11
150 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
ID: 1845011
Edited text of question
0
 
LVL 5

Expert Comment

by:stevemiller
ID: 1845012
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
ID: 1845013
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
ID: 1845014
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
ID: 1845015
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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 4

Author Comment

by:sconnell
ID: 1845016
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
ID: 1845017
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
ID: 1845018
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
ID: 1845019
> 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
ID: 1845020
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
ID: 1845021
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Disabled form text field 2 22
WordPress Themes 10 35
Form Processing in PHP 11 32
How to add an image from an outside source to your signature in office 365 3 24
Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Find out what you should include to make the best professional email signature for your organization.
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.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

863 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

20 Experts available now in Live!

Get 1:1 Help Now