Solved

Broken Page In Chrome

Posted on 2011-02-27
4
465 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
  • 2
4 Comments
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Citrix XenApp, Internet Explorer 11 set to Enterprise Mode and using central hosted sites.xml file.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
How to create a custom search shortcut to site-search Experts Exchange using Google in the Firefox browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch your Bookmark Menu: Press 'Ctrl +…

895 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

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now