Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 3 123 LastLast
Results 1 to 15 of 38
  1. #1
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts

    Help needed on drop-down differences between FF and IE (yes, another one!!!)

    Hi guys,

    With the help of codingforums I've managed to get almost there with my drop-down for a online shop I have.

    Whilst it's working perfectly in FireFox, I'm still encountering problems in InternetExplorer! The problem is that whilst the drop-down appears when hovering over the main bar, it disappears if I try to move the cursor down over it!

    I've set the code up on a non-shopping cart website and it works fine in both browsers, but when I place in the main online shop, it doesn't, which would suggest a conflict somewhere.

    Can anyone please have a look at the drop-down menu in IE and see what might be the problem. If you need more information on specific code used that might not show as available (because it's a shop) then let me know:

    www. sat buyer .co.uk (apologies for splitting the url, I don't want the search engines picking up on it for customer appearance reasons!)

    Hope someone may be able to help me out.
    Last edited by ian-d; 11-01-2008 at 04:30 PM.

  • #2
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    What are the problems? Superficially it seems OK with IE7 except that the drop down on Site Information button does not does not show.

    Incidentally, Google found the url you gave immediately!

    Frank
    Last edited by effpeetee; 11-01-2008 at 04:45 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    ian-d (11-08-2008)

  • #3
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    In terms of google, I was just meaning that I don't want customers when searching for the company name to find me asking about how to sort coding on the site

    The problems are that if (I hope it's the same for you) you hover over the main menu bar in IE, the drop down appears, but try then selecting from the drop-down, does it let you? On my browser the drop-down disappears again!

    Works fine in FF.

    Not sure if it has anything to do with that line of approx. 2 pixel height that is appearing before the shadowing, but doesn't appear on FF or my example coding on another non-shopping cart site!!!

  • #4
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    I have edited my former post. But to answer your latest question, I find the same as you. I also find that if one holds the mouse down and then drags on to the drop down; it is possible to select. Strange. I can not think why but I am sure some better coder than I will soon help.

    I have not been able to download your css.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    ian-d (11-08-2008)

  • #5
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    Yeah, I too find that holding down on the menu text allows me to select from the list! I'm really struggling with this, I cannot understand why it's causing such a problem, especially since I sorted the hover code for IE!

    Anyone else up for the challenge? I only really have this weekend before I'll have to remove the code so it doesn't look messy for my customers.

  • #6
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    OK, since you asked, I dtook a quick peek beofre I go to get bored watching F1. (it re-invogrates my willingness to work, honestly).

    You have bigger probelm than just your flyout. in FF, the apparent container for the whole page, sits too far to the right. This means that a full screen-width page, sits off to the right introducing the dreaded horizontal scroll-bar.

    I'l take a look tmz to see if I can help with the flyout.


    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • Users who have thanked bazz for this post:

    ian-d (11-08-2008)

  • #7
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Last edited by effpeetee; 11-01-2008 at 05:38 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    ian-d (11-08-2008)

  • #8
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    I think there are probably lots of errors because of the make up of the cart. I don't really fancy tackling them as the SEO and SERP are ok.

    Any more for any more

  • #9
    Senior Coder
    Join Date
    Oct 2008
    Location
    Long Beach
    Posts
    1,196
    Thanks
    36
    Thanked 164 Times in 164 Posts
    Also consider sliding doors for your menu bgs, it takes awhile to load even with my cable (http://www.alistapart.com/articles/slidingdoors/ & http://www.alistapart.com/articles/slidingdoors2/).

    Or just give the list items a black/grey background color as well, so while the rollover image is loading the user doesn't see white text on white background.

  • Users who have thanked itsallkizza for this post:

    ian-d (11-08-2008)

  • #10
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    Thanks guy, it is my intention to cover off all those areas but for now, I'm just really desperate to try and sort the drop down issue on IE. There must be a simple explanation for it...i hope!

  • #11
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by ian-d View Post
    Thanks guy, it is my intention to cover off all those areas but for now, I'm just really desperate to try and sort the drop down issue on IE. There must be a simple explanation for it...i hope!
    Yes you're right! Don't apply top padding to vertically align some text or an inline element inside a container. All that you need is to put a line-height having the same value as that of the height applied there. With that said, have a try with

    Code:
    span.space-1 {
    	height: 29px;
    	line-height:29px;
    	cursor: default;
    	background: url('menu_break_middle.gif') 0 0 no-repeat;
    	float: left;
    	padding: 0px 16px 0 16px;
    	/*line-height: 12px;*/
    	font-size: 11px;
    }
    span.space-1.starting {
    	.........
    	height: 28px;
    	line-height:28px;
    	padding: 0px 17px 0 17px;;
    }
    Good luck!

    PS: Your CSS looks too cluttered with a lot of unwanted IE specific styles and other CSS selectors.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    ian-d (11-08-2008)

  • #12
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    Thanks abduraooft, tried but failed. When I add in those variables the text goes to the top of the menu bar, but still the same problem with the drop-down menu.

    Appreciate the css is cluttered, I'm no expert that's for sure, so maybe there's a conflict somewhere in there, but don't understand why it works for FF, but not IE...and only on the shopping cart, not when uploaded to a free domain without a shopping cart setup!

    Any further help appreciated, I'm really worried that I'll never resolve this

  • #13
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Quote Originally Posted by ian-d View Post
    I think there are probably lots of errors because of the make up of the cart. I don't really fancy tackling them as the SEO and SERP are ok.
    If you aren't going to validate your code, then you can't expect different browsers to show the page the same way. validation should make no negative difference to seo and serp but, in fact, may help to improve it.

    I have a flyout menu and it wasn't until I validated the code that I found it possible to make it work in ie.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • Users who have thanked bazz for this post:

    ian-d (11-08-2008)

  • #14
    New Coder
    Join Date
    Oct 2008
    Posts
    37
    Thanks
    27
    Thanked 0 Times in 0 Posts
    Is there any obvious error within the validation that might be causing the issue, as I'm not the best at resolving these errors, as most of the reports don't make sense to me. The trouble is that the surely can't be the code within the menu itself as it works fine when on a seperate domain.

  • #15
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Enabling standards mode by adding a proper DOCTYPE (i.e. not a transitional one) fixes the problem for me. If you write validly, you're much less likely to get these problems.

  • Users who have thanked Apostropartheid for this post:

    ian-d (11-08-2008)


  •  
    Page 1 of 3 123 LastLast

    Posting Permissions

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