www.webdeveloper.com
Results 1 to 11 of 11

Thread: major IE ****up!

  1. #1
    Join Date
    Oct 2009
    Posts
    8

    Exclamation major IE ****up!

    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)
    http://iphonedeksler.no/iphone-og-ip...0mah-sort.html

    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?!

  2. #2
    Join Date
    Dec 2005
    Posts
    2,984
    EDIT: I noticed you have a few iframes....I meant your facebook iframe (i.e. like button) in div.newsqp

    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.
    Last edited by aj_nsc; 06-15-2011 at 08:20 PM.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  3. #3
    Join Date
    Oct 2009
    Posts
    8
    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 :>

  4. #4
    Join Date
    Oct 2009
    Posts
    8
    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 :>

  5. #5
    Join Date
    Dec 2005
    Posts
    2,984
    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.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  6. #6
    Join Date
    Oct 2009
    Posts
    8
    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..

  7. #7
    Join Date
    Oct 2009
    Posts
    8
    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.

  8. #8
    Join Date
    Oct 2009
    Posts
    8
    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..

  9. #9
    Join Date
    Dec 2005
    Posts
    2,984
    Thanks for posting the answer jagarock.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  10. #10
    Join Date
    Sep 2004
    Location
    At the corner of WALK and DONT WALK
    Posts
    1,687
    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.

  11. #11
    Join Date
    Oct 2009
    Posts
    8
    Quote Originally Posted by Mr Initial Man View Post
    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).
    really? whoa, bad..

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles