Solved

Broken Page In Chrome

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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
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…

786 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