Solved

Broken Page In Chrome

Posted on 2011-02-27
4
467 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

Suggested Solutions

Title # Comments Views Activity
Chrome and Firefox Java 5 51
Access RV042 GUI / Browser Issues 25 48
Media Queries  not Firing 6 19
..ignore the Question 1 8
Find out what you should include to make the best professional email signature for your organization.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

828 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