Solved

Scrambled pages on different browsers

Posted on 2000-04-17
7
182 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
Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

 
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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

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

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…
Introduction In this tutorial, I'll explain how to create an animated progress meter in a wireframe prototype developed using Axure RP 7.0 - a leading prototyping tool for designing web sites and software. (For more information about Axure and gett…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. 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 : Open Page or Post…
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…

785 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