?
Solved

Broken Page In Chrome

Posted on 2011-02-27
4
Medium Priority
?
472 Views
Last Modified: 2012-05-11
This page http://www.accessioncorp.com/index.php?action=page&do=contact
is broken in chrome but works in firefox.
What do I do to make it work in all three browers?
0
Comment
Question by:davidpm
[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
  • 2
4 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 34994147
You have a <div> inside a <span>.  The <span> should probably be a <div> and it should be inside the <div> above it.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 34994153
When you do that, "top:-400px;" will have to be changed.  Just about every time I see negative positions like that, I see trouble.
0
 
LVL 9

Expert Comment

by:rfportilla
ID: 34994170
It's amazing this even sort of works on any browser.  You are doing this way bassackwards.  I'm sorry to be so frank, but it needs to be said.

You have to understand that HTML is a layout language.  What you are doing is using a positionable element, an image, and another positionable element, the div/text, and trying to lay one on top of the other.  Because you are using an image tag, HTML will assume that they are both positionable elements and will not overlap.  Then you are trying to force the square cube in the round hole by using CSS, which is iffy at best with cross platform support.  There probably is a way to force this to behave in chrome, but it's not worth it.

Instead, try it this way.  Learn how to use tables.  You can create a table and set the image as a background.  Then use table elements (tr, td) to layout what goes in front of it.  Here is a link that talks more about using a table and a background image.

http://www.netmechanic.com/news/vol3/html_no6.htm

Good luck.
0
 

Author Closing Comment

by:davidpm
ID: 35030641
This worked thanks
0

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

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses

771 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