Solved

Page slightly off center on mobile devices

Posted on 2013-05-29
3
468 Views
Last Modified: 2013-05-30
One of my pages, http://mauitradewinds.com/Test/StarWind.htm  appears slightly to the left of center on my iPad.  It looks centered on my desktop and notebook.  Can you advise how to correct that?  I'll attach the style sheet.style.css
0
Comment
Question by:ddantes
  • 2
3 Comments
 
LVL 4

Accepted Solution

by:
Ahmed Hussein earned 250 total points
ID: 39203942
give the wrap div margin:0 auto; and do the same with the footer div.
0
 

Author Comment

by:ddantes
ID: 39203988
Thank you.  However, it didn't rectify the issue.  If I view the page with the previous style sheet and the same page with the changes to wrap and footer, there is no difference.  All the main pages of the site share the same style sheet, but this particular page is not centered.  I don't know how to find which element(s) are causing that.
0
 

Author Comment

by:ddantes
ID: 39205894
The off-center appearance is inconsistent, and may disappear with page reload.  Still a mystery to me.  Thank you for your input.
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

786 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question