Solved

Scrambled pages on different browsers

Posted on 2000-04-17
7
181 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
Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

 
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

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

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

919 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

16 Experts available now in Live!

Get 1:1 Help Now