Solved

Scrambled pages on different browsers

Posted on 2000-04-17
7
185 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
[X]
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
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
The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

 
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

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

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

This guide will walk you through the essential considerations and tech stack for building scalable websites. Know how to grow your business the smart way!
Dramatic changes are revolutionizing how we build and use technology. Every company is automating, digitizing, and modernizing operations. We need a better, more connected way to work together as teams so we can harness the insights from our system…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
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…

726 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