Announcement

Collapse
No announcement yet.

Buttons and drop down lists changing position

Collapse
X
Collapse
 
  • Page of 2
  • Filter
  • Time
  • Show
Clear All
new posts
Previous 1 2 template Next
    #1

    Buttons and drop down lists changing position

    When I view my products on my website in IE7 some of the buttons and drop down boxes move position and I can often see the button in two places at once (overlapping each other) and I need to click refresh to get them to show correctly. When viewed using IE6 the layout if fine.
    I have done a search of the forums and have tried replacing
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    with
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    but this hasn't solved the problem.

    I am using the Dynamic Product Images from Drillpine if that makes any difference.

    Can others confirm if my buttons and drop doen lists move if viewed in IE7 and suggest a cause.
    I am using Actinic Catalog v7.

    Pages problem is easiest to see is "Wooden Golf Tees" and "Zero Friction Tees".

    The website is www.golfteewarehouse.co.uk
    Darren Guppy
    Golf Tee Warehouse
    Golf Tees and Golf Accessories.
    Tags: None
    #2
    Looking ok to me on IE7.

    Comment

      #3
      I looked at both of those pages and IE7 (and FF as a benchmark) and didn't see any problems with buttons or dropdowns overlapping.
      Tracey

      Comment

        #4
        Perhaps it only happens from my PC. I will take another look from other PC using IE7 on Monday.

        I problem happens when you hover over the "Add to Basket" button and the drop down lists and when you scroll the images move.
        Darren Guppy
        Golf Tee Warehouse
        Golf Tees and Golf Accessories.

        Comment

          #5
          Just a bit of axtra info:

          When the buttons move they move about 15-20 pixels to the right. Could it be something to do width table column widths.

          I can also get the situation where an image or line of writing can be split in half with the top half of a line of text moved to the right but the bottom half has stayed put.

          I have attached an image of the effect.

          Click image for larger version Name: MovingButtons.jpg Views: 1 Size: 16.1 KB ID: 542145
          Darren Guppy
          Golf Tee Warehouse
          Golf Tees and Golf Accessories.

          Comment

            #6
            Works fine for me too in IE7. Flush your browser cache and retry.

            The double imaging is not related to the quantity of amount of alcohol consumed on the 19th tee perhaps is it?

            Comment

              #7
              I have deleted my browsing history and temporary internet files, restarted my PC, but the problem can still be seen from my machine.
              I am glad the problem can't be seen by everyone, but if I can see the problem I guess there is a good chance some customers may be effected also.
              Darren Guppy
              Golf Tee Warehouse
              Golf Tees and Golf Accessories.

              Comment

                #8
                I can solve the problem I get if I adjust the table width to "1400" (wider than the screen) but the problem reappears if I use 100% or 450, etc, so I suspect the problem is something to do with the table layout and the width setting sI have used, but can't see what I have got wrong.

                I have tried removing various java scripts (function MM_preloadImages(), function MM_swapImage(), etc) at the top of the code but that didn't eliminate the problem.
                Darren Guppy
                Golf Tee Warehouse
                Golf Tees and Golf Accessories.

                Comment

                  #9
                  I have checked my website from several other machines running IE7 and the page displays correctly so the problem must lie with my PC.
                  I have cleared the internet cache but still the problem exists on my machine (not a major problem if other can't see the same effect)
                  Darren Guppy
                  Golf Tee Warehouse
                  Golf Tees and Golf Accessories.

                  Comment

                    #10
                    Hi Darren,

                    What size monitor and resolution do you have set up?
                    Regards,

                    Toby Blanchard

                    Comment

                      #11
                      19" Monitor 1280 x 1024
                      Darren Guppy
                      Golf Tee Warehouse
                      Golf Tees and Golf Accessories.

                      Comment

                        #12
                        Darren,

                        Can you check to see if the table or cells within the table have any padding, try reducing the padding or getting rid of it completely and see if that sorts the issue for you.

                        Kind regards,
                        Bruce King
                        SellerDeck

                        Comment

                          #13
                          There was a cell padding of "5" which I have changed to "0" but the problem still occurs (but only on my own PC)
                          I have cleared the internet history and temporary internet files.

                          Below is code from the table where the products are displayed.

                          Code:
                          <TABLE width="480" BORDER="0" ALIGN="CENTER" CELLPADDING="0" CELLSPACING="0">
              <tr>
                 <!-- <td><img src="shim.gif" width="CUSTOMVAR:ACTSTDWIDTH" height="1"></td> -->
              </tr>
              <TR>
                <TD ALIGN="LEFT" VALIGN="MIDDLE">NETQUOTEVAR:FORMBEGIN 
                  <A NAME="top"> 
                  <INPUT TYPE=HIDDEN NAME=RANDOM VALUE="NETQUOTEVAR:RANDOM">
                    </A> NETQUOTEVAR:HIDDENFIELDS
                    <!-- If customer accounts are in operation following two lines allow displaying -->
                    <!-- User name and customer account name on every page -->
                    <!-- NETQUOTEVAR:LOGINLINK --><Actinic:NOWSERVING/><Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/>
                    <!-- NETQUOTEVAR:HEADER -->
                    <div align="center"><span class="actxsmall">NETQUOTEVAR:HEADERTEXT</span></div>
                    
                   <p>NETQUOTEVAR:BULK</p>
                  <!-- <div align="center"><span class="actxsmall"><a href="Secure_Payments.html"><img src="PaymentMethods.gif" border="0"></a> -->
				  <br>
NETQUOTEVAR:FOOTERTEXT</span></div>
                    <!-- NETQUOTEVAR:FOOTER -->
                  NETQUOTEVAR:FORMEND<br>
              </TD>
           </TR>
</TABLE>
                          Darren Guppy
                          Golf Tee Warehouse
                          Golf Tees and Golf Accessories.

                          Comment

                            #14
                            Why is there a <tr> with a commented out <td> in the middle of it?

                            Comment

                              #15
                              I believe it was commented out at some point in the past when sorting out the overall width of the page and for some reason (can't remember the details) I didn't want the CUSTOMVAR:ACTSTDWIDTH controlling the width.

                              I have just tried removing
                              Code:
                              <tr>
      <!-- <td><img src="shim.gif" width="CUSTOMVAR:ACTSTDWIDTH" height="1"></td> -->
</tr>
                              and also uncommenting out the line but neither appear to sort the problem.
                              Darren Guppy
                              Golf Tee Warehouse
                              Golf Tees and Golf Accessories.

                              Comment

                              Previous 1 2 template Next
                              Working...
                              X