Scrambled pages on different browsers

Posted on 2000-04-17
Medium Priority
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?
Question by:DJMaxham
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

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

What browser are you using?

Can you post a little html?

Author Comment

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.


<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">

<p><font face="Trekker" size="7" color="#FF0000">Paint Booths</font></p>
<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><span style="position: absolute; left: 106; top: 29224"><img src="TC2.jpg"></span></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>


Expert Comment

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.
Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.


Expert Comment

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

Author Comment

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?


Expert Comment

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

Accepted Solution

snapdragon030500 earned 150 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!

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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…
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 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 prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
Suggested Courses

777 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