Fixed div in Mobile Safari

Does any one know of a way to created floating div elements for mobile safari. Safari on the desktop of course supports this, but mobile safari and UIWebView do not seem to. Work arounds and suggestions welcome.
Thanks in advance for all advice.
Rakesh

Yes. I have something along these lines:
// In CSS file
.navigation
background-color: #336699;
position: fixed;
top: 80px;
left: 0;
height: 50px;
width: 100%;
padding: 5px;
vertical-align: middle;
// In HTML file
<div id='navigation' class='navigation'>
<span id='welcome'><a href='javascript:welcome()'>Welcome</a></span>
<span class='separator'>|</span>
<span id='rules'><a href='javascript:rules()'>Rules</a></span>
<span class='separator'>|</span>
</div>
This works fine when I test with desktop Safari but not on the simulator (Safari or UIWebView).
Thanks for all help.
Rakesh
Message was edited by: sptrakesh

Similar Messages

Image Won't Display In Mobile Safari

I'm developing a website, it validates properly, and it works perfectly in Chrome, FireFox, Internet Explorer, and Desktop Safari. The only problem that I'm having with it is in Mobile Safari for iOS. I have a div element with an <img> tag inside it. On a desktop browser, it will show it. However, iOS will display a missing image icon instead. This only occurs on iOS. You can test it out yourself by going to http://covu.optini.com first in your desktop browser and then again in your Mobile Safari browser. Could anyone please give me some insight as to why this would be happening? Thanks. All the other images display correctly in Mobile Safari.

Update: It works perfectly on iOS5 Mobile Safari. It isn't working on iOS 4.3.3's Safari.
I hate to double post, but the edit button wasn't showing up.

Mobile Safari does not play videos

http://naartjie.nanoson.com/movie.html
Three videos on a simple HTML page[/URL] Check HTML source yourself - it's trivial!
First video about Subaru plays well in Mobile Safari.
About second Mobile Safari says, that it can't download video file! About third it says, that video can't be played.
First I thought that video format is wrong, but! If all that 3 videos send via email to iPhone or upload to iDisk and use iDisk.app, all they can played without any errors! So what is my mistake? Are there any more strict limitations on video in HTML for Mobile Safari?

K T, I'm not sure what you're talking about, but since this WORKED on the iPad but DID NOT work on ANY other version of Safari (including the iPhone/iPod version), I don't think that could possibly be the issue. Now, what it COULD be is that I processed these videos on an old PowerMac with Final Cut Studio 1 (so Compressor 2, not Compressor 3) . . . but I thought the H.264 standard has been unchanged for seven years, right? If so, I don't see how that could be it either. But I don't know much about this stuff.
Would compressing the file for "streaming" rather than "download" on an older version of Compressor do anything to the resulting file that would somehow make it incompatible with Safari? And maybe they just tweaked the **** out of the iPad for the big launch and caught that bug, but haven't fixed it on other platforms yet? Like I said, I don't know much about this stuff, but that's the only thing I can think of that made the videos I processed, uploaded, and tested any different than the videos that WORK on all versions of Safari.
To clarify, all the videos I have processed myself ONLY work on the iPad. Videos I download from the Internet, then upload and test with the exact same code, work on all up-to-date versions of Safari (and Chrome too).

Is Mobile Safari's in-app multitasking (audio stream in one tab, browsing in another) gone for good?

I cannot remember the last iOS version this feature actually worked, but in the past, I used to be able to open a tab in Mobile Safari, begin streaming audio from a website, pinch in to bring up standard UI again, and then open up another tab within Safari itself and continue to browse the web. All the while the streaming audio is still playing in the background.
Now (and actually for the last few iOS versions, it's been a while), you cannot browse Safari while listening to a Safari audio stream at the same time. To me this makes no sense at all, because it's just a simple backgrounding concept. I can go off and use any other app on my phone, but not Safari itself.
There ARE a few ways to kind of trick Safari into allowing you to browse and listen, but it's a poor workaround. You can go to the website, tap-and-hold on the stream URL, then select Open in Background. Doing so will begin the stream and keep you in the current webpage and then allow you to open more tabs.
HOWEVER, if you ever select that audio stream tab, you can't control it consistently, and most of the time you'll get stuck in that tab and your solution is broken.
For YEARS I've been waiting for Apple to fix this silly limitation with each new iOS release, but every time I find that it's never fixed. I'm just surprised that I don't hear more people complaining about it, because it's been a huge source of frustration for me for so long.
Does anyone else experience this frustration or know if this is intentional (which would be enormously depressing if Apple purposely designed these functions) or if there are any better solutions to it than what I've come up with?

Thanks for the heads up.
Odd that I can't just email their support department.
I'll post back with my results.

Long polling in iOS6 Mobile Safari

Mobile Safari on iOS 6 limits server connections to one per server, this appears to prevent long polling/comet in ajax web apps. Wondering whether it's recognised as changed behaviour from previous versions and is anyone aware of if it be fixed?

etresoft wrote:
markdegroot wrote:
Long polling cannot be done synchronously because it would result in all webapp exectution waiting for the AJAX request to complete. The whole essence of long polling is that you do it asynchronously. For example: synchronously polling a service that takes 20 seconds to complete would result in the browser freezing for 20 seconds.
I will take that to mean that you haven't tried it yet.
I have now. And as I expected, synchronously polling causes the browser to hang. Also the XHR response never returns on the iPad but is cancelled after 10 seconds or so and then the second image is added. You can try it here: http://dev.negotica.net/iOSTest/index-sync.html .

Disable rubberband in mobile safari for webapps

hi
I'm building an ios webapp and i somehow can not disable the rubberband/scrolling effect in ios mobile safari.
Is there an official fix for that? Something like <meta name="apple-mobile-web-app-rubberband" content="NO"> or maybe in CSS?
Here's a Demo of the Webapp
Thanks for your help!

A Google Search found this: https://gist.github.com/1599412

IOS 8 Mobile Safari Issues

Since upgrading to iOS 8 I have experienced issues when using Safari to log into my mobile bank. During the log in process, after entering the 3rd requested character of my password, the focus automatically 'tabs' from this field but the 'Continue' button is not responsive and a blue 'cursor' appears behind it. To continue I have to either click back into the last password character field and click 'Go' or click back into another field on the screen which then 'enables' the button.
I did not have this issue in iOS7 and Chrome browser does not have the issue. The website has not been changed so why has it suddenly changed its behaviour since the upgrade?
Further to this, since the iOS 8.1 upgrade, the 'scroll wheels' used to select, say, a date of birth do not 'remember' the value that you have scrolled to if you click on the next entry field without selecting 'Done'. Again, this was fine until the 8.1 upgrade.
I don't think saying that websites aren't compatible with the Safari updates is good enough as all other browsers I've used do not have the issue.
Any suggestions?
I'm definitely taking the plunge and using Chrome from now on (any issues I've reported seem to have been fixed within a few days), if not moving away from Apple all together if an issue isn't acknowledged and/or fixed (I can see via Google searches that other people are experiencing issues).

I've experienced something similar in that I was on vacation and trying to access the hotel's wifi. And what you expect to happen happened, click on the network to join and the terms and conditions page comes up. My mobile safari even said 'done' as in that it was a success. But in reality the right page hadn't come up and while it showed that I was online,, I really wasn't. I had to open a different browser to get the proper terms page to come up.
I do think there is an issue with how safari handles certain codes. Unfortunately I don't think there is much a user can do beyond have the work around (having browsers other than safari handy). If Apple decides to fix any coding issues with Safari, they'll just quietly do it and roll it out with an iOS update.
You can send them feedback and let them know that your bank's site doesn't work but beyond that there's not much users can do.

How do you create a login page using dashcode for the iPhone's mobile safari that will transfer you to the next page?

     Hey I have created a login page in Dashcode for a mobile safari app (aka iphone web app) and I am having trouble since I can not find any useful info about multiple pages. I don't want to use a stack layout view because it is only a login page and I need to check with a database to make sure the user's login info is correct. Right now I have it set up so that it loads another iphone web app project once it validates the info.
     The only problem with this is I am having a good bit of trouble trying to pass values from my php code to javascript or html. For some reason calling the javascript inside the php code makes the actual code inside the app not be called and same with the echo statment for the html.
So I would like to be able to create the app in this way:
Login page > PHP > MS SQL > PHP > UNKNOWN (if I can't get the javascript or html to output both) > Secure info on the next page
     I believe It would be a lot easier if I had the option for a multiple page but instead I am having to load up an entirely new dashcode project. If anyone knows a better way please let me know. Or if anyone knows a link to good information on passing values from php to javascript, because I couldn't get any of the code I tried to work, I would really appreciate it.

Addendum to previous reply:
OK. This is weird--but I should be used to that, and just grateful that it seems to work (for now).
What I had done is FTPd some image files to my site using Filezilla, but when I had tried to access them, I was unsuccessful. I am almost sure that I used the same url (and variations of it) as you suggested, namely,  http://mysite.verizon.net/username/filename , and it either did not work, or gave me the "Page under construction", or, in some cases asked me for my username and password.
But, when I did it this time, it worked. So I probably had something off, but I can now do what I want.
By the way, if you'll permit another question, while on the site-builder site, it said that there was a "Web Photo Manager", and said that "To download the Web Photo Manager: Open the Site Builder application and go to the All My Sites page. Click on the Web Photo Manager link (listed under Advanced Building Tools )." I can't find it--would you happen to know where it is?
In any case, thanks a lot for all your help--it solved my problem.

How can I make google search links open in the same tab in mobile safari?

I have iphone 5 with ios 7.0.4 and my wife has the same one.
In my iphone, when I open one link of the google search result page, mobile safari always lauch a new tab and load the linke into the new tab.
But I want to make it open in the same tab and actually it does in my wife's iphone.
I don't know what difference make this...

Hi
Please take a look to this thread Re: Can I refresh the browser rather than open a new tab?

Bookmarks bar and tab controls not working in mobile Safari on iPad2

The bookmarks bar as well as tab controls in Mobile Safari on iPad 2 are not clickable. Only the topmost nav buttons work. This persists through reboots w/Safari closed via mem manager, and a system restore. What do?

closing Safari via the taskbar
or having done a reset (unless that is what you mean by a reboot)
"This persists through reboots w/Safari closed via mem manager"
That is obviously exactly what I meant. How does one reboot an iPad without "resetting" it? How does one do a system restore without "resetting" it?

Images saved from Mobile Safari are significantly degraded

When I tried to use an image saved from Mobile Safari as my wallpaper I noticed that it looked horrible. It was blurry and more importantly the dynamic range of the image had been compressed, blowing out all the detail in the bright areas of the image and making it contrastier. This is especially bad on the type of photo I was trying to use, a high-key image, where most of the detail is in the light tones. Much of the image was simply displayed as blank white.
As a test I tried emailing the image I had saved into Photos to myself and compared it to the original I had saved from the web. Sure enough, the image was blurrier and had less dynamic range so it's not just an iPhone display issue. Also, the image was only 27% smaller in file size and the pixel dimensions were actually slightly increased. A quick re-save in Photoshop with JPEG quality set to low (4) reduced the file size by 53% while still not affecting the image anything like what the iPhone did. So it doesn't make sense that the poor quality is only due to resizing for faster transmission.
Can anyone else confirm this or replicate the issue? I've verified this with a 1st gen and 3G iPhone side by side, both running OS 2.1.

No, it's not only you.
I noticed it too. As a matter of fact, I just posted a really long post in a thread about iPhone/iPod Touch's photo quality.
See: http://discussions.apple.com/message.jspa?messageID=8132098#8132098

Upload videos using Mobile safari

i am working on a asp.net web app.This app is mainly related with media in which user have to upload images and videos.It works fine on other browsers rather than mobile safari.
I had solved one problem here by using picup app but now problem is how i can upload videos here
thanks in advance

You cant. Unless you code an Application in xCode and distribute it to the app store.

How To Get Mobile Safari Cascading Dropdown To Refresh?

Hi
I am trying to do a straight forward cascading dropdown for mobile safari. I have this working 100% in safari itself, which shows normal style drop downs. But mobile safari dropdowns have a 'next' button.
Hitting this next button takes you to the next drop down in the cascade with triggering onchange() - thus the next dropdown is empty.
The user is forced to press 'done' to trigger on change, then click on the next dropdown.
Does anyone know a way around this. Or what DOM event is triggered by mobile safari's''next'?
Thanks
M1nd3v3L

try to read the header fields with HTTPConnection.getHeaderField(...)
cheers Karl

Copy URL in iOS8 Mobile Safari

Mobile Safari in iOS 7 had a button that would copy the full URL of a page.
Is there also a "copy URL to clipboard" button for Mobile Safari in iOS 8? I've tried taping the "Copy" button but it does NOT copy the URL to the clipboard. What am I doing wrong?
Thank you for taking the time to read this.

Sorry for Bad spelling Caused by iPad Language settings!

In Fluid Grid layout, I have hidden 2 div for mobile layout. How do I unhide them?

In Fluid Grid layout, I have hidden 2 <div> for mobile layout. How do I unhide them?

Hi there,
I visited your site using Dreamweaver CC and tested it using the default Desktop, Tablet and Mobile sizes, followed by the Smart Phone Size.
The CSS you currently have sets the featurest <div> to 'display: none' when viewed on screen sizes lower than 480px:
Another helpful way to find out what is going on with your CSS is to test the site with Firefox using Web Developer Tools to inspect the element (or alternatively, Adobes Inspect tool). You can right-click the image and "Inspect Element" then resize the browser window so you can see exactly which CSS rule is being applied and overrided.
My suggestion would be to add an additional media query in Dreamweaver to handle all screen sizes below 480px and then set divs or elements you want to hide or show display property to visible.
Hope this helps!

Fixed div in Mobile Safari

Similar Messages

Maybe you are looking for