Not signed in (Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? If you have an account, sign in now.

If you don't have an account, apply for one now.

Links

Vanilla 1.0.1 is a product of Lussumo. More Information: Documentation, Community Support.

Help: IE7: images are at the top even if page have been scrolled down

Bottom of Page

1 to 12 of 12

  1.  
    • CommentAuthornassetti
    • CommentTimeJul 27th 2007
     
    hi,
    i used thickbox in my chess club site (www.geocities.com/quattrotorri). As it is so nice I would use it for my photo galleries, but, while in firefox it works well, in ie7 the images are displayed at the top of the page even if i scrolled down the page.
    I read someone used jquery 1.1.2 to solve this problem with ie6, i tried it but it doesn't work.
    Furthermore, it doesn't overlay a java chessboard. Can I solve these problems? If someone could help me I would be very grateful. The thickbox link is "vedi foto" near the caption "Re di Ardea", near the chessboard).
    Thank you.

    Francesco
    • CommentAuthorJvM
    • CommentTimeMar 1st 2008
     
    I'm having the same problem and i can't find out how to fix it
    • CommentAuthorsjdksjdk
    • CommentTimeMar 7th 2008
     
    Same here, I'm getting a bit frustrated 9 out of 10 people I know work with IE7 and all experience the same!

    Is there still no answer?

    Greetz

    Sylvester
    www.dekoster.co.uk
  4.  
    The problem is with jQuery's borwser detection, or more specifically it's browser version detection.. or even more specifically, the problem is due to Microsoft's inablility to do anything right. Some (lot's of) copies of MSIE7 are now including the string "MSIE6" in their user agent string causing browser detection scripts including jQuerys .browser method to incorrectly identify IE7 as IE6

    All you need to do is take the unpacked version of Thickbox and add this to the top

    $.browser.msie6 =
    $.browser.msie
    && /MSIE 6\.0/i.test(window.navigator.userAgent)
    && !/MSIE 7\.0/i.test(window.navigator.userAgent);

    Then in the functiuon tb_position() modify the if statement to read

    if ( !(jQuery.browser.msie6)) { // take away IE6

    or fetch a patched copy from here
    • CommentAuthormatt.rea
    • CommentTimeApr 27th 2008 edited
     
    I was encountering the same problem...
    i.e. 7 was displaying the thickbox window at the top of the page regardless of where it was launched from (e.g., launched from the bottom of a long page, the TB window would not be visible b/c it was sitting at the top of the page)

    I tried the patch without success.
    I finally figured out it was the doctype... apparently, i.e. doesn't like transitional html 4.01 as the doctype.
    Try using xhtml transitional as the doctype:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    matthewrea.com
    • CommentAuthorDelores
    • CommentTimeApr 28th 2008 edited
     
    I am having trouble with thickbox - and I am new to this code
    1) even with the patch, the window did not display correctly in IE7
    2) I tried using the doctype code above and my graphic heading does not show up in firefox - but the box does display correctly in both browsers

    all code works on my computer, but not when I upload

    3) I am using external html pages for the text inside of the thickbox, but it is not displaying in either bowser


    <a href="ThickBox/Karl-Maret.html?height=250&amp;width=340" title="Keynote" class="thickbox">Presentation Details</a>

    is the code I am using - and yes, the files are in the Thickbox, subfolder

    here is an example of code for the box

    <div align="justify" class="bodycopy">
    <span class="headline">Susan M. Rose ND</span> <br/><b> Bioenergetic Meridian Assessment and the Theraputic Application of Sound,
    Light and Magnetics

    </b><br/>
    <br><br>
    <img src="images/SusanMRoseND.jpg" alt="Susan Rose" align="left" border="0" height="115" hspace="" vspace="" ><img src="images/spacer.gif" alt="" align="left" border="0" height="115" hspace="" vspace="" width="12" align=left>

    presentation details to come

    </div>

    I am under the gun to get this finish ASAP - any help would be appreciated

    thanks


    <h5></h5>
    • CommentAuthorc2h5oh
    • CommentTimeApr 28th 2008
     
    could you upload sample somewhere or post link to dev site?
    • CommentAuthorklattr1
    • CommentTimeAug 1st 2008
     
    entering this code at the top of my page fixed the issue for me:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    and all of this went on the lines above: <head>
    • CommentAuthorschpr
    • CommentTimeOct 15th 2008
     
    Just want to add a little info:
    even with the correct Doctype, you'll always get that issue if you got something parsed before.

    your "<!DOCTYPE ..." should be the absolute first thing in your page
    (even comments will make thickbox bug in ie7)
    •  
      CommentAuthorChampi
    • CommentTimeApr 5th 2009
     
    "All you need to do is take the unpacked version of Thickbox and add this to the top

    $.browser.msie6 =
    $.browser.msie
    && /MSIE 6\.0/i.test(window.navigator.userAgent)
    && !/MSIE 7\.0/i.test(window.navigator.userAgent);

    Then in the functiuon tb_position() modify the if statement to read

    if ( !(jQuery.browser.msie6)) { // take away IE6" like # jamiethompson1337
    said
    • CommentAuthorfozzyo
    • CommentTimeApr 6th 2009 edited
     
    Interestingly the above resolves my problem where I have IE browsers that display the image at the top of the page.

    This has however introduced a different problem - on IE8 on my PC which did work fine before the patch the images are now shown center of the screen - except the top of the image is at the verticle centre of the screen. If the screen is split into 7 lines it should display as follows:


    1
    2
    3 Image
    4 Image
    5 Image
    6
    7


    However on previously working browsers it now shows as:


    1
    2
    3
    4 Image
    5 Image
    6 Image
    7


    With the top always starting on line 4 despite the image height.

    Mat
    •  
      CommentAuthorChampi
    • CommentTimeJul 15th 2009 edited
     
    IE8 and Vista:

    worked for me

    $.browser.msie6 =
    $.browser.msie
    && /MSIE 6\.0/i.test(window.navigator.userAgent)
    && !/MSIE 7\.0/i.test(window.navigator.userAgent)
    && !/MSIE 8\.0/i.test(window.navigator.userAgent);

    combined with the tb_position() modification..

1 to 12 of 12

  1.