• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 475
  • Last Modified:

Broken Page In Chrome

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
davidpm
Asked:
davidpm
  • 2
1 Solution
 
Dave BaldwinFixer of ProblemsCommented:
You have a <div> inside a <span>.  The <span> should probably be a <div> and it should be inside the <div> above it.
0
 
Dave BaldwinFixer of ProblemsCommented:
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
 
rfportillaCommented:
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
 
davidpmAuthor Commented:
This worked thanks
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now