My jQuery mobile website works great when previewed in Dreamweaver. However, when I upload it to my server and view it online, nothing works, nothing is aligned...everything is just off badly. I'm posting a link to the files if anyone wants to help ( www.2slickcoders.com/mobileMakers.rar )
But here's the code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jQuery Mobile Web App</title>
Why not simply begin at the beginning, and go from there?
1. Make the simplest possible single page
2, Test from local files
3. Test on your server
This will be vastly more simple to test. It shouldn't take all day.
4. Something doesn't work? Learn to use debug tools, like Firebug, Web Inspector, your server logs, etc. etc.
5. Add stuff. Incrementally. Test as you go.
This should be Software Development 101, but somehow this simple approach that avoids trouble before it starts seems to escape many. If software developers built houses, we'd be awed by scenes of house-builders hanging from sky-cranes, building houses from the top down, using scaffolding to support the bricks at the top until the bricks are placed underneath to hold them. There would be be workers whose sole job is to lean over from a scaffold and hold the bricks from underneath until the mortar sets. (The fact that I can even conceive of how somebody might try to do this proves that I'm a software developers...)
BTW, you are asking for trouble building your site as a multi-page document. I don't get it why some developers just ask for trouble. It's unfortunate that jQuery Mobile includes this feature, and that the docs don't do more to discourage it's use.
watusiware I did make a simple page and tested on my local service. Everything was fine. As soon as I create a Div, that's when the layout is all screwed up. So the Div is the problem. And my site is a single page jquery mobile document, and not a multi-page document.
So I'm mystified that when I create a div like this ( <div id="aboutimgCon"</div>) the layout goes haywire. So the div is clearly the problem, and I'm scratching my head about this. Thanks for your input.
And my site is a single page jquery mobile document, and not a multi-page document
Then why am I looking at a multi-page document? ^^^ (Your example above) It has 6 pages in it.
I know the terminology "single page/multi-page" is confusing and can be misinterpreted. What you posted above is what I call a "multi-page document". It is a document that contains multiple pages. I don't recommend doing this. It is asking for trouble. You just have to search this forum to know that. I don't recommend asking for trouble.
The Divs as you suggested. I had the way you said at first. Then, i removed, and then I did the same way I initially did and it was working fine...real strange. But it was the Divs as you pointed. Thank you!!!