Solved

Scrambled pages on different browsers

Posted on 2000-04-17
7
180 Views
Last Modified: 2013-12-24
After publishing my site, it works fine on my web browser but when others view it the pictures are all over the place blocking other features. How do I get them to always be in the same position? Is it a browser problem or a site problem?
0
Comment
Question by:DJMaxham
7 Comments
 
LVL 3

Expert Comment

by:fibdev
ID: 2723632
Are you using absolute positioning on your images?

What browser are you using?

Can you post a little html?
0
 

Author Comment

by:DJMaxham
ID: 2725007
I position the pictures using the absolute positioning command.

I'm using Internet explorer 4.0

The following HTML is one page that the images float all over with different browsers.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Project Web -- Schedule</title>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="Microsoft Theme" content="blends 1111, default">
<meta name="Microsoft Border" content="lb">
</head>

<body>
<p><font face="Trekker" size="7" color="#FF0000">Paint Booths</font></p>
<hr>
<p><img border="0" src="tblog.jpg" width="419" height="56"></p>
<p><font face="Times New Roman" color="#0000FF">&nbsp;&nbsp;&nbsp; <font size="2">Here
at B &amp; R Associates Paint Booth Division, we specialize in everything from
shop layouts to &quot;Turn-Key&quot; equipment installations. We install </font></font><font size="2"><i><font face="Times New Roman" color="#0000FF">Team
Blowtherm</font></i><font face="Times New Roman" color="#0000FF"> Paint Booths,
Prep Stations, and Mix Rooms in the Maryland, Virginia, Washington DC, and
Delaware areas. With our service department , inventory of spare parts and
filters, no one can give you the service and support that the B &amp; R Paint
Booth Division can.</font></font></p>
<p><font size="2">&nbsp;&nbsp;&nbsp;<font face="Times New Roman" color="#0000FF">
We utilize Generic CADD and Quick CADD software to help you design the best,
most functional layout for your paint shop. We work in conjunction with your
architect or builder to provide the best flow of vehicles through your shop to
increase productivity and profit.</font></font></p>
<p><font size="2">&nbsp;&nbsp;&nbsp;<font face="Times New Roman" color="#0000FF">
With hundreds of paint booths installed over the last 30 years, no one can offer
you more &quot;Turn-Key&quot; experience than B &amp; R Associates. We have
in-house installation teams who can dig, form, and pour your concrete inground
pit, Factory Certified Installers for your Team Blowtherm Paint Booth, Prep
Station, or Mix Room and Certified Technicians to Fire-up your new Paint Booth.
We act as your General Contractor to coordinate all the permit acquisition,
utility work, and building inspections.<span style="position: absolute; left: 401; top: 779"><img border="0" src="prep1.jpg" width="234" height="167"></span></font></font></p>
<p><font size="2">&nbsp;&nbsp;&nbsp;<font face="Times New Roman" color="#0000FF">
Once your new equipment is installed and in service, we have a full service
department that specializes in most makes of paint booths and body shop
equipment. As an added benefit we can supply most sizes of paint booth and prep
station filters either installed or drop shipped to your shop.</font></font></p>
<p><font size="2">&nbsp;&nbsp;&nbsp;<font face="Times New Roman" color="#0000FF">
So please let us work with you on your next project whether its furnishing you
with a code compliant mix room or to help you design your new shop. You can
contact us at our offices in Gaithersburg, Maryland at (800) 213-3390. Thank you
for visiting our Web Site and we look forward to working with you in the future.</font></font></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="position: absolute; left: 106; top: 29224"><img src="TC2.jpg"></span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="position: absolute; left: 671; top: 789"><img border="0" src="paintrm.jpg" width="164" height="150"></span></p>
<p><font face="Times New Roman" color="#FF0000"><b>&nbsp;&nbsp;&nbsp;</b></font></p>
<p><span style="position: absolute; left: 147; top: 778; z-index: 814"><img border="0" src="ultraopen.jpg" width="236" height="168" align="left"></span></p>
<p align="left">&nbsp;</p>
<p align="left"><font face="Times New Roman" size="5" color="#FF0000"><i><b><a href="http://www.teamblowtherm.com" target="_blank">Click
The Logo to Visit The <img border="0" src="tblog.jpg" width="419" height="56"> Web Site</a></b></i></font></p>
<hr>
<hr>
</body>

</html>
0
 
LVL 3

Expert Comment

by:fibdev
ID: 2725038
That is the cause of your problem.

Netscape doesn't support Absolute positioning.

Absolute positioning is DHTML and although netscape claims to support it the support is not quite up to speed.  Some tags are supported (I use the term loosly) and some are not.  I wish the support were better, but until they catch up, this is a pain in all our necks.  I don't know of a solution but maybe another expert may offer some valuable input or better news than the information I have as I don't know how current my information may or may not be.

Good Luck.
0
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
LVL 3

Expert Comment

by:fibdev
ID: 2725046
Until Netscape offers better support for DHTML I suggest using tables to position your text and images.
0
 

Author Comment

by:DJMaxham
ID: 2731676
I tried out your theory and found other computers running the same ie4.0 browser as I do having the same problem with the pictures all over the place. Its as if the only machine the web site actually works on is the one that created it. What's up with that?

0
 

Expert Comment

by:djessee
ID: 2732303
you can use absolute positioning in Netscape, but if you do it, don't use any tables on that page.  They interact in goofy ways.  Also, try changing your "span"'s to "div"'s
0
 
LVL 1

Accepted Solution

by:
snapdragon030500 earned 50 total points
ID: 2762531
We've had this exact problem on http://www.alphavillevideo.com/spot/.  We wanted for the text to wrap around the images, like it does right now.  Using FrontPage's "float" command, this worked beautifully, until viewed in Netscape.  Scrambled images every whichy way all over the page, even superimposed over each other or text!  Our solution:  insert the graphic at the beginning of the paragraph of text.  It will look wrong for now.  Then, select the graphic only, and I swear it was this easy, just click on the "left justify" button.  Voila!  We were very very happy after banging our heads on this one.  Luckily an understanding client!
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

758 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

17 Experts available now in Live!

Get 1:1 Help Now