/    Sign up×
Community /Pin to ProfileBookmark

major IE ****up!

Copy linkTweet thisAlerts:
Jun 15.2011

i run a couple of norwegian webshops, and they all use the same backend, developed by myself. however im not using any kind of subversion system, and this sucks right now.

check this link to one of my product-pages in your regular browser (not IE, chrome or firefox i presume)
[url]http://iphonedeksler.no/iphone-og-ipad-gadgets/gadgets/solcellelader-for-iphone-3g-iphone-3gs-1900mah-sort.html[/url]

then test it in IE, it looks like a complete mess, and its not possible to use the site at all.

i recently made it W3C validated, but i think this error came after that.

can anyone see what in the name of the lord is wrong in internet explorer?! 😮

to post a comment
HTML

10 Comments(s) ↴

Copy linkTweet thisAlerts:
@aj_nscJun 16.2011 — [B]EDIT: I noticed you have a few iframes....I meant your facebook iframe (i.e. like button) in div.newsqp[/B]

I have no idea what it is, but I know that it has something to do with the iframe - the DOM is getting rendered differently (when you look at the inspectors) in IE (even up to IE9) vs everything else.....that's your starting point.

If I can figure out any further information, I'll pass it along.
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — thank you for your time.

i started with the iframe, but that was not the problem.

the problem was that you cannot have a form inside a <li></li> in fu*king IE!

crazy ****! W3C validator doesnt even give an error on that :>
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — i copied the whole <ul> to another document to test, and it worked fine :>

so you can have form in <li> ..

but somehow it doesnt work in my page :>
Copy linkTweet thisAlerts:
@aj_nscJun 16.2011 — Yeah, it's not that you can't have a form inside an li....as you have found out.

What form was specifically causing the problem on your page? Is the problem still there....I'd be interested in finding out the root cause of this.
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — yeah problem is still there.

its this form, inside this element:

<li class="add-cart" style="height:50px;">

<form method="post" action="/handlekurv/">

<label>Antall :</label>

<input type="text" id="buy_antall" name="buy_antall" value="1"/>

<input type="hidden" id="buy_id" name="buy_id" value="3161"/>

<button type="submit" onmousedown="document.getElementById('kjop').src='/images/kjop.gif'"/><img id="kjop" alt="kjop_skygge" src="/images/kjop_skygge.gif"/>

</form>

</li>

when i test only this piece of code in another document, it works fine. however not in my page context for some reason.

if you open the developer tool in IE, you can see that it seems like IE doesnt want to close the <li> after the form.. the </li> get transformed to a </li/> of some weird reason. which is why i thought IE didnt want a form inside <li>

will continue working on this..
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — IE just doesnt want to close the LI...

i used the devtool to remove "overflow:hidden" from the css of this li.

the rest of the page content then showed up, inside this li.
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — i just found the error!

omg..

i found it after some inspection in the devtool.

the rest of the code was inside the <button>

so, conclusion, IE doesnt like that you end <button> short-style , like i do in my code.

<button type="submit" onmousedown="document.getElementById('kjop').src='/images/kjop.gif'"/>

had to change it to </button>

<button type="submit" onmousedown="document.getElementById('kjop').src='/images/kjop.gif'"></button>

then it worked! omg..
Copy linkTweet thisAlerts:
@aj_nscJun 16.2011 — Thanks for posting the answer jagarock.
Copy linkTweet thisAlerts:
@Mr_Initial_ManJun 16.2011 — What is wrong with Internet Exploiter is it cannot read XHTML--it only reads it as HTML with odd syntax errors; in other words, no short elements for you (except those IE knows are ALWAYS empty).

As Internet Exploder 9 has thus far refused to correct the problem, we're kind of stuck, and must still dance to IEvil's tune.
Copy linkTweet thisAlerts:
@jagarockauthorJun 16.2011 — What is wrong with Internet Exploiter is it cannot read XHTML--it only reads it as HTML with odd syntax errors; in other words, no short elements for you (except those IE knows are ALWAYS empty).[/QUOTE]

really? whoa, bad..
×

Success!

Help @jagarock spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...