Hi All,
I am facing an Issue. I have a frame set in this header frame I have place a menu section and in the menu I have a drop-down list menu. Onclick that dropdown menu opens up and half of the section getting hiding behind the frame.
Please help me out to fixing this Issue. I have attached a set of html Please check.
Thanks
There is a lot of malformed and propriety markup, in the Frameset, which won’t help. Though I saw the full list of 7 items myself until I turned on JavaScript.
It is probably to do with the frameset ‘rows’ value being too low because if you increase the value it will appear as expected.
*** WARNING *** I’m not going to sugarcoat this. Let someone else blow smoke up your backside with meaningless platitudes. I’m going to tell you what I see wrong so you can try to make the site better. This is NOT an “attack” just because I’m DARING to say something negative. Please take it in the context it is offered.
xhtmlcoder has it right on the errors – though from there I’m going over this code and going “what is this, 1998?!?”
There is a reason you don’t see a lot of websites using frames anymore, as they are generally considered a miserable failure at accessibility. Frames giving you trouble? Don’t use frames and by extension stop screwing up accessibility. If you’re going to keep the frames you might as well toss in the BLINK and MARQUEE tags, add some auto-playing midi music in the background, and use light blue text on a medium blue background in Comic Sans. 
– that’s a joke… well, half joke.
Besides if you practice proper separation of presentation from content and stop linking in all that javascript for NOTHING, got rid of the presentational images in the markup, and got rid of all the silly IE conditional nonsense you MIGHT actually use LESS bandwidth.
The ‘inspirenav’ one in particular has some real “what the?!?” going on in it – like the @imports in the markup style tag like you are still worried about supporting netscape 4… the seven separate stylesheets with only a single media attribute… the IE conditionals for NOTHING much less redundant to each-other… paragraph tags around non-paragraph elements, missing tags that ARE required in a XHTML doctype,
… followed up by a transitional doctype. Transitional is for support old/outdated/half-assed coding techniques, NOT for building new pages.
I mean, you’re up to a 314 megabyte page (148k compressed) and you don’t even have any real content yet!?!
I don’t know what “ASDA Templates” are – but that garbage SERIOUSLY needs to be kicked to the curb. That CSS file ALONE is larger than I would build an entire page on a site (that’s HTML+CSS+SCRIPTS) – of course you’re using jquery which I can say the exact same thing about.
You want to make a better/smoother user experience, axe the frames, axe the javascript, axe whatever the devil train wreck CSS library that’s built with, get the presentation out of the markup, and try keeping your CTC ratio (code to content) under 3:1 for the markup and under 5:1 overall.
You don’t even have CONTENT yet and my advice is throw it away and start over.
As deathshadow pointed out above frames should be avoided at all costs and there is good reason that virtually no one uses them these days.
Regarding your problem then I guess you were expecting your dropdown to pop out of the top frame and lay on top of the frame underneath which I don’t believe is normally possible with frames as they are like separate pages. If you set scrolling to auto for the frame then you would see that the dropdown is displaying but a scrollbar would appear on the top frame to allow you to access the content.
I don’t believe its possible for the dropdown to break out of the frame and as xhtmlcoder said above you would need to ensure that the frame is at least as high as the content that you need to display which means leaving a big gap under that menu.
All in all you should follow deathshadow’s advice and re-think what you are doing here.