I gang

HTML & CSS: Rollover Troubles in ONLY Internet Explorer

I recently instituted the jQueryUI 'Accordion' style on a site I am building.

(e.g. here: [url removed, login to view])

Everything works fine in Mozilla Firefox and Google Chrome; however, in Internet Explorer (8 & 9) the boxes were having issues, which, after some reading, are attributed to a 'height' issue.

I read here (and other places) that if the DOCTYPE was not defined in a certain manner, these accordion boxes will not work, so I changed by DOCTYPE from <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> to <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[url removed, login to view]">. This actually solved the 'Accordion Issue'!

HOWEVER, now certain hover states of buttons are not working.

After reading here ([url removed, login to view]), the DOCTYPE I used to use to ran in 'Quirks Mode' and the new one runs in 'Almost Standard Mode' in Internet Explorer.

I believe that this new type of rendering, tied to the fact that there is no text in the actual button code, leads Internet Explorer to not function correctly in regard to these buttons.

Below is an example of the HTML and CSS of these buttons:

HTML

<div id="software-top-half"> <!--I am not including all of the other info in this div for brevity-->

<div id="action_btns">

<div id="free-trial"><a href="#"></a></div>

<div id="buy-now-btn"><a href="#"></a></div>

</div>

</div>

CSS

#software-top-half #action_btns {

position: absolute;

top: 30px;

right: 20px;

}

#software-top-half #action_btns a {

width: 159px;

height: 45px;

display: inline-block;

margin-bottom: 5px;

}

#software-top-half #action_btns a:hover {

background-position: 0px -45px;

}

#free-trial a{

background: url(images/[url removed, login to view]) no-repeat 0 0;

}

#buy-now-btn a{

background: url(images/[url removed, login to view]) no-repeat 0 0;

}

I even tried to scrap this old style and use a style like this:

[url removed, login to view]

This works on Internet Explorer from the site it is hosted, but when I copy the code exactly, I still have the same issue.

Even stranger:

-The Rollovers will work fine in 'Compatibility Mode' in Internet Explorer

-If you add 'text' to the button link (e.g. <div id="free-trial"><a href="#">TEXT</a></div>) it will work, albeit you see the text and have to click directly on it. To me, this would indicate that for whatever reason, Internet Explorer is not recognizing these links.

I have spent entirely too long trying to debug this issue.

Any help via a reasonable bid would be great.

Thank you.

After some further thinking, I am wondering if maybe this/these issues are because of some IE fixes files that were in place from a previous web designer. E.g. iepngfix.htc

There is also a file that is called upon but was never provided to me:
<script type="text/javascript" src="js/jquery.pngFix.pack.js"></script>

Just trying to provide as much information as possible.

Færdigheder: Grafisk Design, HTML, PHP, Web Design

Se mere: www coding org, wiki free website, website debug software, transitional design, rollover css, internet design software, inline design, html website free to copy, html free code, html design free, g works design, google buy wikipedia, free website html code, free css design, free css, free code html website, free building design software, design rendering software, design html buy, design div in website, css software, code for website design in html and css, code code internet, buy wikipedia, buy leads from google

Om arbejdsgiveren:
( 9 bedømmelser ) Richmond, United States

Projekt-ID: #993014

Tildelt til:

phpdevindia

Let me do it for you. Thanks in advance

$30 USD in 0 dage
(166 bedømmelser)
7.4

6 freelancere byder i gennemsnit $31 for dette job

Soolved

i can fix for [url removed, login to view]

$30 USD in 0 dage
(91 bedømmelser)
6.2
webedict

HELLO SIR, READY TO START, PAY AFTER COMPLETING JOB, I HAVE 3 YEARS OF EXPERIENCE ON PHP, MYSQL, AJAX, JAVASCRIPT, XHTML. THANKS !!

$30 USD in 0 dage
(63 bedømmelser)
5.2
thegheorghe

I'm skilled webdeveloper and webmaster and i will gladly help you fix this issue. From my portofolio: [url removed, login to view], [url removed, login to view] , [url removed, login to view]

$30 USD in 0 dage
(17 bedømmelser)
4.8
alejandrojjs

Check your PMB, best regards!

$35 USD på 1 dag
(1 bedømmelse)
1.0
kashifdev

we are ready to move on this project. lets get started.

$30 USD in 2 dage
(0 bedømmelser)
0.0