Horizontal menu with overflow-x:auto - menu

Is it possible to have a horizontal menu that can scroll overflowed menuitems horizontally, but also display the vertical overflow when a submenu is to appear?

overflow-x and overflow-y are CSS3 properties and are not widely supported yet. See this page for a demo in your browser.
edit: I checked the page in IE8 (and IE7 compat mode) and the "auto" examples all worked as they should. So it looks like the answer is "Yes".

Related

How to enable vertical scroll bar in windows app?

I added a TextBlock that have more text than visible. Now even thought I try to set every single properties about Scrollbars to be enabled or visible, I have none in the Simulator or even running the app from the START SCREEN. I also tried to add my TextBlock in a ScrollViewer, no luck !
I'm using HTML + Javascript
You can use overflow property of CSS.

WebView and HTML with CSS3 columns (multi-column layout)

I'm trying to use HTML content in WebView control. This HTML content has CSS3 columns.
My goal is to make WebView scroll only horizontally and make use of columns.
But even if I set fixed height (fill_parent) I am able to scroll vertically.
I've tried to disable scrollbars, use setLoadWithOverviewMode but with no effect.
So, the question is - how to make WebView scroll only horizonally, so it displays HTML content in columns? (I saw similar effect in Windows 8 apps).

bgiframe appears in front of jquery modal dialog's overlay in IE6

When I look at jquery ui's demo modal dialog (http://jqueryui.com/demos/dialog/#modal) in IE6 the bgiframe is appearing on top of the background overlay. So instead of seeing a black/gray stripe pattern, there is just a white background covering the page with the word "false" in the upper left corner. Is bgiframe broken with the latest version of jqueryui? Is there a quick way to repair this problem with bgiframe? If not, is there a plugin that hides selects when a modal dialog is shown? The ie6 z-index issue with selects is the reason I was using bgiframe in the first place.
Have you looked at this answer
http://blog.dmbcllc.com/2009/02/19/jquery-bgiframe-and-ie6-z-order-hacks/

Layout problems in IE7

Our website www.phototulip.com displays fine in Safari and Firefox but not in IE7.
The main content seems to display on the bottom right hand side and the nav bar shifts slightly to the left. I've tried to adjust sidebar and content widths but with no success.
I was wondering if anyone could help.
You have a few places where your markup is invalid (one or more <div> tags aren't closed properly) that could, potentially affect the layout. FireFox tends to be a bit more forgiving about that sort of thing than IE.
Other things to check are that your content area & sidebar have explicit widths set and that they aren't too wide for the container they're in.

Hyperlinks displaced on IE7

Browse to a webpage with hyperlinks using IE (I am using IE7) Once on the page, enlarge the fonts using ctl + mouse wheel. Now when you try to hover over the hyperlinks, they are laterally displaced to the right. To click on the link, i have to move the mouse to the right till the cursor turns into a hand.
Anyone has a comment on this??
I was browsing the following page.
It is the 2nd hyperlink in the body of the article. (the link text is "here")
IE7 doesn't handle Zoom correctly, You can see this error on this page (I mean the page you're reading right now) if you zoom large enough, view the logout | about link at the top, hover over it, hover off to the right, back over.
All of the links on that page are displaced to the right on my copy of IE7 (7.0.6001.18000) even before I enlarge or shrink the fonts. Whereas other pages act normally. (My test page was http://www.frito-lay.com/fl/flstore/cgi-bin/good_questions.htm).
It appears to be something specific to the page.

Resources